-
混合布局查看全部
-
三列布局查看全部
-
二列布局查看全部
-
一列布局查看全部
-
上面的代碼沒有給main設置高度，而main里的內容又設置成了浮動，所以footer會跑到head的下面。 解決方法有兩個：1.清除浮動， clear:both; 2.為main設置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
-
這個練習題是要設置mid的外邊距margin注意margin的取值。不只是寫10px。要加上兩邊的寬度。查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;} 左邊和右邊是絕對定位，相對瀏覽器一個left:0,一個right:0. 中間部分采取外邊距,上下距離為零，距離左邊是200px，右邊是300px，如果想留下空隙，增加間隔就行， 所以margin:0 310 0 210.上右下左查看全部
-
body{ margin:0; padding:0; font-size:30px; } div{ text-align:center; font-weight:bold} .main,.footer{ width:960px; margin:0 auto; } .head{ width:100%; height:100px; background:#ccc; } .main{ height:600px; background:#FCC } .footer{ height:50px; background:#9CF; margin:0 auto; }查看全部
-
文檔流：將窗口自上而下分成一行一行，并在每行中按從左至右的依次排放元素，即為文檔流。 有三種情況使得元素離開文檔流而存在，分別是浮動 絕對布局 固定定位 脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用absolute positioning脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它 絕對定位脫離文檔流，float只是提升了“半層”的高度查看全部
-
本章中子div在父div里時height width都可設置為百分幾%查看全部
-
本章三列布局有浮動方法無法讓三列在一行，用絕對定位方法定位左右兩邊中間增加margin值上下為0左右為左右div寬度。增加空隙加大margin值查看全部
-
本章中父級div main對子級div left right在高度上無法影響查看全部
-
height與width自適應設置，要設置高具體單位，設不設都行，查看全部
-
清除浮動： http://www.divcss5.com/jiqiao/j406.shtml查看全部
-
清楚浮動有兩種方法1，用clear：both；清除浮動。2，對要清除浮動的元素設置寬度+overflow：hidden；查看全部
舉報
0/150
提交
取消