-
Div{margin:0 auto}：居中對齊查看全部
-
float是緊貼跟隨，所以要注意塊與塊的順序查看全部
-
完全可以使用float，但是需要把原題目中的 <div class="right">left</div> <div class="left">right</div> 改成 <div class="left">left</div> <div class="right">right</div> 即要注意容器順序，因為float是跟隨。 同時float不僅只使用兩列布局，多列同樣使用，關鍵是需要根據實際情況來選擇最合適的方式。 代碼： <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:100%;height:100px;background:grey;} .main{width:100%;height:600px;background:red;} .left{width:200px;height:600px;float:left;background:blue;} .right{height:600px;margin-left:210px;background:green;} .foot{width:100%;height:100px;background:pink;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="left">left</div> <div class="right">right</div> </div> <div class="foot">foot</div> </body>查看全部
-
兼容性較好的三種清除浮動方法：<br> 一、設置父級高度<br> 二、使用overflow:hidden<br> 三、使用clear:both查看全部
-
浮動（float）和絕對定位（position:abdsolute）：讓元素脫離文檔流。查看全部
-
浮動（float）和絕對定位（position）可以讓元素脫離文檔流。查看全部
-
position定位，不需要清除浮動。 瀏覽器加載順序是：從上到下，只要寫在前面的就先加載查看全部
-
buju查看全部
-
刪掉浮動，使用絕對定位查看全部
-
css清除默認樣式 body{margin:0;padding:0}查看全部
-
單列布局查看全部
-
一列，二列，三列，常用混合布局查看全部
-
div是塊狀元素，它會很霸道的占一行，從代碼可以看出啊，整個的main內容塊沒有指定高度的，只有它的子內容塊指定了高度，但是它的子內容塊是浮動的，所以子內容塊的高度不能影響成為main的高度，那么瀏覽器就默認了把footer的div顯示在top的下一行，這個時候添加clear:both清除了上面模塊的浮動特性，那么此時main的高度就是和子內容塊的高度是一樣的，因此瀏覽器就會把footer的div顯示在main的下一行查看全部
-
兩邊設置了寬度，中間沒有默認就是自適應的 塊元素和塊元素之間的距離 如果是這樣的話，4-1節middle與left、right之間左右margin設置為0不就行了，為什么還要加上兩邊的寬度 因為這里是絕對定位。其他元素和它可以覆蓋的查看全部
-
.left(width:200px;heght:500px;float:left;background:#ccc)<br> .middle(height:500px;float:left;background:#999)<br> .right(width:300px;height;500px;float:right;background:#ddd)<br> 浮動后的盒子上來后不再占一行，可以并排，這三個盒子在同一層面，由于中間那個盒子寬度沒填默認100%所以要占一行查看全部
舉報
0/150
提交
取消