左側div
右側div
執行結果：左側div的右邊框會緊挨著右側div的左邊框，但它們之前沒有空隙，
margin-left:120px; 親沒有讓左右2邊的div之前產生120px的左外邊距。原因：因為左div進行了浮動
float:left; ，浮動後脫離文件流，緊靠在邊緣，而右側div並沒有進行浮動，會根據順序文件流繼續排版下去，所以當設定
margin-left:120px; 時，是將右側的div，從body的左邊框處為起始，新增了左處邊距。所以，正好是等於右側div的寬度，所以就正好緊挨在一起。如果 右側div的左外邊距大於左側div的寬度時，大於多少px值，則會將左側div與右側div之間新增間隙，間隙的值便是 右側div - 左側div 的px值 。
二列左列寬度固定，右列寬度自適應布局
左邊固定值，右邊百分比佔完整螢幕的方法。1 用table當然很簡單了，左邊td固定值，右邊100 就ok了 2 div就不知道咋弄了，右邊100 肯定不能float到一行上去了。只好用js判斷瀏覽器的寬度然後減去左邊的寬度。3 不知道有沒有更好的解決辦法。2 xml lang zh cn lang ...
CSS實現頁面兩列布局與三列布局的方法示例
1.使用bfc的原理實現 bfc的規則之一，就是bfc區域，不會與float box重疊，因此我們可以利用這一點來實現3列布局。html 如下 xml html code複製內容到剪貼簿 css 如下 css code複製內容到剪貼簿 2.雙飛翼布局 這種布局方案最早由 提出，主要為了主列能夠被最先...
三列布局的幾種方式
兩邊用絕對定位，中間用margin，左右寬度固定，中間寬度不固定，中間主體放在左欄右欄後面 中間欄會佔據整行 charset utf 8 title left center right style head class left div class right div class center di...