方法一：
一般情況，預設的div是寫乙個換一行，那麼如何定義兩個div橫向排列而不換行呢？
div預設的display屬性是block。所以每乙個div都是新的一行，現在把display換成inline就不會換新行了。
aaabbb
方法二：
這裡使用float:right屬性。float做為css中的乙個屬性定義元素向哪個方向浮動。
float:right 文字或影象會移至父元素中的右側。
注意有寫情況float屬性必須配合width使用，否則失效。
發表日期：2009-09-10
.bg10
height:24px; 和 line-height:24px; 高度一致，文字垂直居中。
附圖：顯示的效果
兩個div橫向排列，頂端對齊的方式。
1 左右兩個div都設定為float left，如果右邊div沒有設定寬度，右邊div的寬度會根據div裡的內容自動調整。i am left i am right 2 只有左側div設定為float left，右側div設定overflow auto 右側div將會佔據整個右側剩餘寬度。i am l...
兩個div橫向排列，頂端對齊的方式。
1 左右兩個div都設定為float left，如果右邊div沒有設定寬度，右邊div的寬度會根據div裡的內容自動調整。i am left i am right 2 只有左側div設定為float left，右側div設定overflow auto 右側div將會佔據整個右側剩餘寬度。i am l...
讓兩個Div併排顯示
一 使用display的inline屬性 aaaa bbbb 二 通過設定float來讓div併排顯示 1111 2222 2222 2222 三 對於兩個div併排，左邊為絕對寬度，右邊為相對寬度的，需要用到這種布局的情況比較多見，如左邊為導航，右邊為內容的頁面 1 將最大的容器padding l...