關於浮動元素的一些問題

Question

我有兩個元素#sidebar和＃left-area。當我漂浮時：離開它們，＃左邊區域先出現，我將如何使＃邊欄先出現而不是＃左邊區域？

Answer 1

只要您將它們都包裝在具有display：flex的容器中，就可以使用CSS訂單屬性：

看到這個fiddle

#sidebar{ 
display:block; 
order:2; 
} 

#leftarea{ 
display:block; 
order:1; 
} 

See order here