我如何重新排序我的div與CSS?給定由于其他需求而無法修改HTML的模板,如何才能顯示(重新排列)一個div高于另一div當它們不在HTML中按這個順序排列時?雙管齊下divS包含高度和寬度不同的數據。<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希望顯而易見的是,期望的結果是:Content to be above in this situationContent to be below in this situationOther elements當尺寸固定時,很容易將它們定位到需要的地方,但我需要一些關于內容是可變的想法。為了這個場景,請考慮兩種情況下的寬度都是100%。我特別想要一個CSS唯一的解決方案(如果不能解決這個問題的話,它可能會遇到其他的解決方案)。后面還有其他元素。考慮到我演示的有限的場景,我提到了一個很好的建議-考慮到這可能是最好的答案,但我也希望確保后面的元素不會受到影響。
3 回答
慕沐林林
TA貢獻2016條經驗 獲得超9個贊
$('#secondDiv').insertBefore('#firstDiv');$('.swapMe').each(function(i, el) {
$(el).insertBefore($(el).prev());});- 3 回答
- 0 關注
- 683 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消
