確保div永不交叉

Question

我有兩個並排的div，每個都有50％的寬度，然後向左漂浮我想要的是，如果他們不適合放在一個div應該放在另一個下面的頁面上DIV。我如何在CSS中做到這一點？如果這有所幫助，我還應該提及使用jQuery Mobile。我的代碼如下： #artistimage,#artistinfo{ width: 50%; float: left; }

Answer 1

正如你可以在這裏看到的http://jsfiddle.net/PMXpb/他們總是適合，當他們被設置爲50％的寬度。 {width:50%; height: 100px; float:left;}

如果你在一個固定的寬度（像素值）的人會低於其他設置它們的時候會有沒有足夠的空間，喜歡這裏：http://jsfiddle.net/Yk4sX/ {width:300px; height: 100px; float:left;}

您可以測試2例通過調整瀏覽器的大小。