一、
聖杯布局：利用內邊距去實現內容放置。
.box
.center
.left
.right
11111111111
.right
.inner
11111111111
（1）雙飛翼比聖杯多了乙個盒子，但是避免了使用相對定位position：relative計算。
（2）兩者實現時，放置內容的center盒都必須優先寫在第一位。
（3）width設定為auto時，不會出現溢位現象，width設定為100%時，會出現溢位現象。
auto：
w盒模型 = 父盒子的寬度 = 有效內容寬度 + padding
100%或者px 溢位：
w盒模型 = 有效內容寬度(父盒子的寬度) + padding
兩列布局實現自適應的方法
注意的是 哪個div 即固定寬度的那個div 設定了浮動，哪個div標籤放在html前面 兩列布局，左側div自適應，右側div固定寬度 div class my line div class line right 北京京東尚科信技術司 div div class line left 所在公司 di...
兩種方式實現父布局中兩列布局的自適應
自適應寬度是很多網頁都具備的特性，因為實現自適應能讓使用者在改變瀏覽器視窗大小的同時，仍然可以看到原來版式的布局，並不會因為瀏覽器視窗的大小而讓版面失去了原來設計的布局。我們今天討論的是如果父布局的寬度固定，然後父布局內分成兩列，怎樣讓這兩列實現自適應布局。下面我們來看看如何實現這種自適應的效果。先...
兩列自適應布局
要求 1 兩個盒子在同一行 2 右邊的盒子需要佔滿剩下的空間 3 兩個盒子不能重疊 方式一 左側欄寬度不固定 兩列自適應布局title html,body wrap header container 父元素新增偽元素樣式清除浮動，處理float的子元素無法撐開父元素高度問題 clearfix aft...