目標是將兩個div彼此對齊。改善div對齊
HTML:
<div class="test1>Text 1</div>
<div class="test2>Text 2</div>
CSS:
.test1 {
float: left;
}
.test2 {
float: left;
}
它的工作原理,只要在瀏覽器窗口比兩個div寬。當瀏覽器窗口寬度不能再容納兩個相鄰的div時,test2被推到test1之下。
如何防止這種行爲?所以它們將總是彼此相鄰(如果它們的總寬度大於瀏覽器寬度,顯示水平滾動條?)。
[把兩個靈活的div彼此相鄰]可能的重複(http://stackoverflow.com/questions/10571401/putting-two-flexible-divs-next-to-each-other) – sandeep