我如何重新排序我的div與CSS?給定由于其他需求而無法修改HTML的模板,如何才能顯示(重新排列)一個div高于另一div當(dāng)它們不在HTML中按這個順序排列時?雙管齊下divS包含高度和寬度不同的數(shù)據(jù)。<div id="wrapper">
<div id="firstDiv">
Content to be below in this situation </div>
<div id="secondDiv">
Content to be above in this situation </div></div>Other elements希望顯而易見的是,期望的結(jié)果是:Content to be above in this situationContent to be below in this situationOther elements當(dāng)尺寸固定時,很容易將它們定位到需要的地方,但我需要一些關(guān)于內(nèi)容是可變的想法。為了這個場景,請考慮兩種情況下的寬度都是100%。我特別想要一個CSS唯一的解決方案(如果不能解決這個問題的話,它可能會遇到其他的解決方案)。后面還有其他元素??紤]到我演示的有限的場景,我提到了一個很好的建議-考慮到這可能是最好的答案,但我也希望確保后面的元素不會受到影響。
3 回答

慕沐林林
TA貢獻2016條經(jīng)驗 獲得超9個贊
$('#secondDiv').insertBefore('#firstDiv');
$('.swapMe').each(function(i, el) { $(el).insertBefore($(el).prev());});
添加回答
舉報
0/150
提交
取消