-
浮動和絕對定位：position:absolute都是脫離文檔流的查看全部
-
定寬的塊級元素，可以使用margin:0 auto使之居中查看全部
-
前端攻城師就是將藝術和技術完美融合查看全部
-
分欄：查看全部
-
不脫離文檔流就只有三種情況：塊級、行內和相對定位查看全部
-
有三種情況使得元素離開文檔流而存在，分別是浮動 絕對布局 固定定位查看全部
-
文檔流：將窗口自上而下分成一行一行，并在每行中按從左至右的依次排放元素，即為文檔流。查看全部
-
布局有一列、二列、三列和混合布局 混合布局： 將一列布局改造就變成了混合布局。 即主體部分加上子div 要點回顧： 其實在網頁制作當中，頁面中的元素就是塊與塊之間的關系： 塊挨著塊；塊嵌套著塊；塊疊壓著塊 通過css將這些塊擺放正確，網頁布局就自然完美了。 1、margin:0 auto 自動居中 2、兩種分成三欄的方式： 1）兩邊position：absolute，left：0/right：0，top:0， 中間margin｛0 右邊 0 左邊｝ 2）先分兩欄 左右float 再分兩欄左右float查看全部
-
布局有一列、二列、三列和混合布局 混合布局： 將一列布局改造就變成了混合布局。 即主體部分加上子div 要點回顧： 其實在網頁制作當中，頁面中的元素就是塊與塊之間的關系： 塊挨著塊；塊嵌套著塊；塊疊壓著塊 通過css將這些塊擺放正確，網頁布局就自然完美了。 1、margin:0 auto 自動居中 2、兩種分成三欄的方式： 1）兩邊position：absolute，left：0/right：0，top:0， 中間margin｛0 右邊 0 左邊｝ 2）先分兩欄 左右float 再分兩欄左右float查看全部
-
三列布局：不能使用float，左右兩列絕對定位，分別靠左和靠右，中間列為相對定位，左右margin分別設置為左右兩列的寬度即可，如果列與列之間需要間隔，則增加相應的margin值。查看全部
-
兩列布局用float； 三列布局 左右position:absolute 中間 margin:上 右 下 左 (距離整個版面的左右側)查看全部
-
如果不清除浮動，float的元素是脫離了文檔流，那么這個元素原來在文檔流里的位置不會被繼續保留，就會被后來的元素所替代。這個例子中，float的元素的高度要比后來的元素即footer的高度要高，所以footer會被float的元素覆蓋了，如果你把float的元素高度設置的比footer小一點，你就可以看到footer顯出了部分綠色。 那么如果footer的樣式中添加clear的作用是，保留原來float元素在文檔流中的位置，這樣footer元素就不會去替代float元素所在的位置了。查看全部
-
如果不清除浮動，float的元素是脫離了文檔流，那么這個元素原來在文檔流里的位置不會被繼續保留，就會被后來的元素所替代。這個例子中，float的元素的高度要比后來的元素即footer的高度要高，所以footer會被float的元素覆蓋了，如果你把float的元素高度設置的比footer小一點，你就可以看到footer顯出了部分綠色。 那么如果footer的樣式中添加clear的作用是，保留原來float元素在文檔流中的位置，這樣footer元素就不會去替代float元素所在的位置了。查看全部
-
.....查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px;background:#ccc;} .main{height:500px;background:red;} .left{ width:200px;height:500px;background:blue;position:absolute;left:0;} .right{height:500px;width:100%;background:#9c9;position:absolute;left:210px;} .foot{height:50px;background:#f63;} </style>查看全部
舉報
0/150
提交
取消