-
格式錯誤真無語，找都找不到，只能重寫、、、、、、查看全部
-
三列自適應：左右各float 左右列固定，中列自適應：左右position：absulote left/right:0 top:0,中：margin:0 rightwidth+gap 0 leftwidth+gap查看全部
-
clear:both;清除浮動查看全部
-
浮動和絕對定位會讓元素脫離標準文檔流。查看全部
-
自適應寬度的時候，.left和.right的width屬性是設置百分比的，固定寬度的時候，設置固定值（px）查看全部
-
自適應寬度的兩列布局用得少，一般用固定寬度的兩列布局：給兩列的元素增加一個父級元素：（如id = warp / main 等），且樣式設置為固定寬度及margin:0 auto自動居中查看全部
-
自適應寬度：瀏覽器大小改變時，網頁元素寬度自適應查看全部
-
好的習慣：清除默認樣式： body{margin:0; padding:0}查看全部
-
一列布局一般是固定寬度的查看全部
-
1.混合布局：我們可以把一列布局加入“左”和“右”改造為混合布局。 2.在中部mian中加入子div 分別是（左，右）。 然后分別在style中加入“.left和.right”的樣式！ 3.注“left和right”都要加浮動“float” 4.還可以在混合布局下進行更復雜的混合布局 5.可以將right定義為sub_right和sub_right 分為化為更為密集的混合布局 布局有一列、二列、三列和混合布局 混合布局： 將一列布局改造就變成了混合布局。 即主體部分加上子div 要點回顧： 其實在網頁制作當中，頁面中的元素就是塊與塊之間的關系： 塊挨著塊；塊嵌套著塊；塊疊壓著塊 通過css將這些塊擺放正確，網頁布局就自然完美了。 1、margin:0 auto 自動居中 2、兩種分成三欄的方式： 1）兩邊position：absolute，left：0/right：0，top:0， 中間margin｛0 右邊 0 左邊｝ 2）先分兩欄 左右float 再分兩欄左右float查看全部
-
三列布局 左右固定，中間自適應 左、右分別利用 position:absolute; left/right:0; top:0; 中間利用margin:0 Rpx 0 Lpx; .left{ /*左 有寬和高 */width:100px; height:600px; position:absolute; left:0; top:0; background:#ccc;} .main{/*中 只有高度*/height:600px;background:#9CF;margin:0 60px 0 110px;} .right{ { /*右 有寬和高 */ width:50px; height:600px; position:absolute; top:0;right:0; background:#FCC;}查看全部
-
三列布局：不能使用float，左右兩列絕對定位，分別靠左和靠右，中間列為相對定位，左右margin分別設置為左右兩列的寬度即可，如果列與列之間需要間隔，則增加相應的margin值。查看全部
-
float 屬性定義元素在哪個方向浮動。以往這個屬性總應用于圖像，使文本圍繞在圖像周圍，不過在 CSS 中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。 如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡可能地窄。 注釋：假如在一行之上只有極少的空間可供浮動元素，那么這個元素會跳至下一行，這個過程會持續到某一行擁有足夠的空間為止。 替換元素： 替換元素是瀏覽器根據其標簽的元素與屬性來判斷顯示具體的內容。 比如：<input /> type="text" 的是，這是一個文本輸入框，換一個其他的時候，瀏覽器顯示就不一樣 (X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替換元素，這些元素都沒有實際的內容。 非替換元素： (X)HTML 的大多數元素是不可替換元素，他們將內容直接告訴瀏覽器，將其顯示出來。 比如<p>wanmei.com</p> 瀏覽器將把這段內容直接顯示出來。 除了這兩字，還有兩種非常屬性的元素，顯示元素，他分為兩種情況，一種是‘塊及元素’ ‘block’，還有一種是“行內元素”inline，大家也叫“內聯元素”。 塊及元素 他最明顯的特征就是獨自占領一行，自動充滿父級元素的內容區域，絕不會讓別人“侵略”（當然可以通過其他方式去改變他）。 常見的有：div，p..等等。 通過CSS設定了浮動（float屬性，可向左浮動或向右浮動）以及設定顯示（display）屬性為“block”或“list-item”的元素都是塊級元素。這個地方浮動是一個比較特殊的情況，可以詳查浮動這個知識 行內元素： 上面說塊及元素獨自占領一行，行內元素就沒這么霸道了，他可以左右都允許有元素，最常見的就是<a></a>查看全部
-
文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流. 浮動（float）和 絕對定位（position：absolute）-->脫離文檔流 脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。而對于使用position：absolute脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。查看全部
-
二列布局 寬度自適應(%)。需要用到浮動（float:left/right) 更多用到的是寬度固定二列布局。查看全部
舉報
0/150
提交
取消