-
文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動（float）和 絕對定位（position：absolute）-->脫離文檔流查看全部
-
二列分布練習： 左分布 右分布查看全部
-
css網絡布局： 百度首頁：結構簡單 新浪：門戶網站，板塊構成 布局：板式布局 淘寶：電商網站，展示商品信息 特點：自適應寬度 網頁長度可無限延長 突破傳統紙媒的布局 結構：頭部 尾部 內容主題（分欄---一列布局 二列布局 三列布局 混合布局）查看全部
-
初始化通用：margin 0;padding:0 div居中：margin：0 auto；查看全部
-
一列布局：寬度固定查看全部
-
3列布局-特殊案例 左右列固定寬度，中間列自適應。 左側絕對定位：position：absolute;left:0;top:0; 右側絕對定位：position：absolute;right:0;top:0; 中間寬度定義去掉，定義為auto，加上左右的margin值，margin:0 310px 0 210px; 上右下左（中間空一點出的話，增加margin屬性值便可以實現） 左右兩側布局固定寬度，中間部分寬度自適應。則需要采用絕對定位來實現，把左右設置為絕對定位查看全部
-
文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動（float）和 絕對定位（position：absolute）-->脫離文檔流查看全部
-
div寬度會被父輩限制查看全部
-
3列布局-特殊案例 左右列固定寬度，中間列自適應。 左側絕對定位：width:200px;position：absolute;left:0;top:0; 右側絕對定位：width:300px;position：absolute;right:0;top:0; 中間，margin:0 310px 0 210px; 上右下左（中間空一點孔隙）查看全部
-
清除浮動：clear:both;查看全部
-
混合布局 加：子div div間三種關系：相隨、嵌套、疊壓查看全部
-
3列布局-特殊案例 左右列固定寬度，中間列自適應。 左側絕對定位：position：absolute;left:0;top:0; 右側絕對定位：position：absolute;right:0;top:0; 中間寬度定義去掉，加上左右的margin值，margin:0 310px 0 210px; 上右下左（中間空一點出的話，增加margin屬性值便可以實現）查看全部
-
.left{ width:30%; height:600px; background:#ccc; float:left;text-align:left;}/*左浮動樣式*/ .right{ width:66%; height:600px; background:#FCC; float:right;text-align:left;}/*右浮動樣式*/ 自適應寬度用百分比；查看全部
-
浮動（float）和 絕對定位（position：absolute） 脫離文檔流?。。?查看全部
-
body{margin：0; padding:0;}清除樣式 二列布局 設置寬度自適應 用百分比如：width：20%;查看全部
舉報
0/150
提交
取消