-
body{margin:0padding:0}查看全部
-
左右相對定位，定位在瀏覽起左上與右上，中間增加margin值，左右外邊距為左右兩側div的寬度值，上下外邊距為0查看全部
-
body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:80px;background:#EDEDED;} .main{height:600px;width:960px;background:#EEAEEE;margin:0 auto;position:relative;} .left{width:200px;height:600px;background:blue;position:absolute;left:0;top:0;} .right{height:600px;background: #C0FF3E ;margin:0 0 0 210px;} .foot{height:80px;background:#E0FFFF;}查看全部
-
top{ height:100px;background:#9CF} .head,.main{ width:960px; 【任務1】} .head{ height:100px; background:#F90} .left{ width:220px; height:600px; background:#ccc; 【任務2】} .right{ width:740px; height:600px;background:#FCC; float:right} .r_sub_left{ width:540px; height:600px; background:#9C3; float:left} .r_sub_right{ width:200px; height:600px; background:#9FC; 【任務3】} .footer{ height:50px; background:#9F9; 【任務4】}查看全部
-
三列布局： 1. 如果兩邊固定，中間自適應，則不能使用浮動，而應該使用絕對定位。 2.上述情況中，中間應留出兩邊寬度的margin值查看全部
-
兩列布局： 1. float左、右 2. 自適應（使用百分比） 3. 固定寬度、有父容器、居中查看全部
-
單列布局： .top{顏色、高度} .main{寬、高、居中(margin:0 auto)} .bottom{寬、高、居中} <div class="top"></div> <div class="main"></div> <div class="bottom"></div>查看全部
-
內容主體部分按照需要進行分欄查看全部
-
一般頁面有三個部分組成：頭部、主體、底部。查看全部
-
clear:both 清楚左右浮動查看全部
-
用絕對定位，固定兩邊的內容。讓當中的自適應。查看全部
-
絕對定位-->position:absolute查看全部
-
1. 因為main中的兩個div，left和right都設置了浮動，導致main這個div沒有被撐開，縮成了一條線在top這個div下面，根據我的測試，解決辦法有兩個，第一個是給footer設置清除浮動clear:both。第二種給main這個div設置一個height:600px ，這樣與left、right這兩個div高度一致，這樣就撐開了main這個div，效果也就出來了。 2. 如果不清除浮動，float的元素是脫離了文檔流，那么這個元素原來在文檔流里的位置不會被繼續保留，就會被后來的元素所替代。這個例子中，float的元素的高度要比后來的元素即footer的高度要高，所以footer會被float的元素覆蓋了，如果你把float的元素高度設置的比footer小一點，你就可以看到footer顯出了部分綠色。 那么如果footer的樣式中添加clear的作用是，保留原來float元素在文檔流中的位置，這樣footer元素就不會去替代float元素所在的位置了。 3. overflow：hidden的意思是超出部分不顯示，就是假如你的div是300*400的，但在里面插入一張400*500的圖片，圖片就會跑出那個div里面，用了這個屬性和屬性值后，圖片超出300*400這個范圍的內容不顯示出來。而clear：both僅僅只是清除左右兩邊的浮動而已查看全部
-
三列如果左右固定寬度 中間自適應 如果想在同一行 通過float是不行的 應該左側{position:absolute;left 0;top 0;} 中間{margin:0 右側寬度 0 左側寬度} 右側｛position:absolute;right 0;top 0｝ 如果中間距離左右列需要一些空間 則將中間的左側寬度右側寬度多寫點查看全部
-
文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動（float）和 絕對定位（position：absolute）-->脫離文檔流 脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用position：absolute脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。查看全部
舉報
0/150
提交
取消