-
3列布局寬度自適應使用絕對定位position:absolute;left:0;top:0查看全部
-
三列布局，左右兩列固定定位，可用絕對定位，中間為自適應定位（可隨瀏覽器窗口調整而改變）可以使用margin 來對中間列兩側留白（留空隙），使margin值小于預留值即可。查看全部
-
三列布局，定位方法查看全部
-
自適應三列布局：設置浮動無效，需要進行定位設置。左右進行絕對定位position:absolute;left:0;top:0;中間列進行水平居中的設置：margin:0 300px 0 200px;(上右下左)查看全部
-
兩列自適應的布局：設置兩個div，分別設置左右浮動，寬度的值設為百分比的形式。 固定寬度的兩列布局：用父包裹層包含列數，這樣就可以設置寬度的大小，用像素。查看全部
-
定寬的塊級元素水平居中方法：設置margin：0 auto；查看全部
-
.right{}里面寫了一個margin-left:210px;元素左外邊距210px，相當于這個.right{}占用了所有的.main{}空間元素 .left{}里面加上浮動是對于有空間而言的,所以只能在下面。如果使用絕對定位，就沒問題了查看全部
-
1.如果是要清除浮動影響的是浮動對象的父對象： 建議采用：設置父對象的overflow:hidden; 2.如果要清除浮動影響的是浮動對象后邊緊鄰的對象 建議采用：clear:both;查看全部
-
因為div默認是從上倒下排列的，設置float后，會讓其脫離本來的位置向上浮動查看全部
-
文檔流：將窗口自上而下分成一行一行，并在每行中按從左至右的依次排放元素，即為文檔流。 有三種情況使得元素離開文檔流而存在，分別是浮動 絕對布局 固定定位 脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用absolute positioning脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它 絕對定位脫離文檔流，float只是提升了“半層”的高度查看全部
-
左右兩邊的版塊使用了絕對定位，不在文檔流中，因此中間的版塊的外邊距是左版塊的寬度的右版塊的寬度查看全部
-
脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用absolute positioning脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。 而position:relative 不可以脫離文檔流查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局編程挑戰</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{width:970px;height:150px;margin:0 auto;background:#06a;} .main{width:970px;height:600px;background:red;} .left{width:300px;height:600px;background:blue;float:left;} .right{width:650px;height:600px;background:green;float:right;} .foot{width:970px;height:150px;background:pink;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>查看全部
-
寬度自適應的條件 自適應寬度的層不要指定寬度和float屬性 自適應寬度的層物理的位置放在最下面 自適應的div中不能出現“width=100%”，否則在ie6中會出現錯位現象，ie7，ie8，ff3，chrome都正常查看全部
-
必須有絕對定位position:absolute；才可以使用top屬性查看全部
舉報
0/150
提交
取消