-
文檔流：將窗口自上而下分成一行一行，并在每行中按從左至右的依次排放元素，即為文檔流。 有三種情況使得元素離開文檔流而存在，分別是浮動 絕對布局 固定定位查看全部
-
1：如果是自適應窗口的話應該以全頁面為布局 2：連續的英文和數字因為中間沒有空格，所以默認是一個字符，是不能自動換行的，如果換成是中文的話就可以查看全部
-
不脫離文檔流就只有三種情況：塊級、行內和相對定位。查看全部
-
文檔流：將窗口自上而下分成一行一行，并在每行中按從左至右的依次排放元素，即為文檔流。 有三種情況使得元素離開文檔流而存在，分別是浮動 絕對布局 固定定位查看全部
-
左邊固定寬度，右邊自適應的話：給左邊寬度加絕對定位。右邊要居左 左邊的寬度數值。查看全部
-
float 和絕對定位可以脫離文檔流。查看全部
-
margin:0 auto; 0代表上下方向，auto 代表左右方向查看全部
-
1：兩邊固定寬度中間自適應： 兩邊設置寬度、絕對定位，中間設置左右外邊距； 2：.left{ width:200px;height:500px;background:#ccc; position:absolute; left:0; top:0; } .middle{ height:500px; background:#999; margin:0 300px 0 200px; } .right{ width:300px; height:500px; background:#000; position:absolute; right:0; top:0;}查看全部
-
1.兩列布局，.left and .right，分別包含在一個div里，對此div設置的width，是left和right分別width相加的總數。 2.兩列布局中，要用到浮動。float:left or float:right查看全部
-
盒子與盒子中的內容不是一體的，當某一盒子會由于其他的盒子浮動而移位，但這個盒子內的內容不會移位,其內容會交接給這個盒子的下一個盒子查看全部
-
三列布局： 中間寬度不設置，左右寬度均固定，用position：absolute；來實現三者定位。查看全部
-
文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動（float）和 絕對定位（position：absolute）-->脫離文檔流 脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用position：absolute脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。查看全部
-
常用的布局是混合布局查看全部
-
兼容IE6不能用浮動，而且當子元素要設定為absolute的時候，父元素要設定relative才可以。 要右側自適應，則左側應該定寬并且position：absolute。 加載順序先右后左div的順序為先右后左查看全部
-
上例中的清除浮動是在foot層清除浮動，詳情見16行 見下例是在foot層外對foot層有直接影響的外包容層，內部加一個空的div，見74行查看全部
舉報
0/150
提交
取消