left
right
right
--css-->
.left
.right
margin-left（避免環繞左側）的布局方法
left
right
right
--css-->
.left
.right-fix
.right
html檔案的right上套上一層right-fix，然後對right-fix設定浮動可以解決 ie6 的相容性問題，然後提高left的層級設定定位屬性為relative
left
right
right
--css-->
.left
.right
overflow觸發 bfc（block formatting context塊級格式化文字 ）模式，內容與外界隔離，不受浮動影響（不會環繞浮動元素）
left
right
right
--css-->
.parent
.left,.right
.left
table特點，每列的寬度之和一定是等於**寬度的，所以設定left，right會自動填滿剩下的寬度
left
right
right
--css-->
.parent
.left
.right
flex: 1 => flex: 1,1,0增長因子，收縮因子都是1，基礎寬度為0（剩餘寬度都分配給了right）
left
right
right
--css-->
.left
.right
width: 100px;與margin-left: 120px;是強耦合的屬性
left
right
right
--css-->
.left
.right
.left
p
left
right
right
--css-->
.parent
.left,.right
.left
.left
p
table-layout: fixed,同時更改left寬度width:0.1%(設定 0.1% 有相容性的考慮，1px 在 ie8 中有問題)，再設定單元格內容（不相容ie6）
left
right
right
--css-->
.parent
.left
.right
兩列布局 多列布局
用css html編寫乙個兩列布局的網頁，要求右側寬度為200px，左側自動擴充套件 container left div right div div 利用浮動float margin container left right利用彈性盒子來寫 container left right利用定位posi...
兩列布局 三列適應布局 兩列等高適應布局。
一.兩列布局 左側定寬 右側自適應。四種方法 flex position float和負外邊距 外邊距 1.使用flex.右側自適應區塊 左側定寬200px區塊 2.使用position，考慮了頁面優化，右側區域先載入。右側自適應區塊 左側定寬200px區塊 3.利用float和負外邊距 這裡的10...
CSS布局之兩列布局
兩列布局兩列布局一般情況下是指定寬與自適應布局，兩列中左列是確定的寬度，右列是自動填滿剩餘所有空間的一種布局效果 左列自適應,右列定寬 方案一 float margin 屬性實現 left right inner 優點 實現方式簡單 缺點 自適應元素 margin 屬性值需要與定寬元素的 width...