-
兩列布局：自適應的兩列布局：width用百分比+float； 固定寬度的兩列布局：width：具體值/父級元素的寬度確定，width+百分比；+float; 如果沒有加float的話，不能實現并排的兩列布局。查看全部
-
兩列布局的自適應布局一般用的比較少，用固定的比較多查看全部
-
<!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> body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .top{ height:100px;background:#9CF} .head,.main{ width:960px;margin:0 auto;} .head{ height:100px; background:#F90} .left{ width:220px; height:600px; background:#ccc; float:left;} .right{ width:740px; height:600px;background:#FCC; float:right} .r_sub_left{ width:540px; height:600px; background:#9C3; float:left} .r_sub_right{ width:200px; height:600px; background:#9FC; float:right} .footer{ height:50px; background:#9F9; clear:both;margin:0 auto;} </style> </head> <body> <div class="top"> <div class="head">head</div> </div> <div class="main"> <div class="left">left</div> <div class="right">查看全部
-
三列布局查看全部
-
單列布局：居中顯示：margin:0 auto; 二列布局：float:left;float:right; 三列布局：每一個寬度為33.3%，中間的也要寫float:left;或者用絕對定位position：absolute，=查看全部
-
三列布局：左右固定寬度值，中間自適應。此時不能浮動布局，應該使用絕對定位查看全部
-
兩列布局： 一般用的比較少。查看全部
-
一列布局： 1.通常作為網頁頭部。固定寬度。 2.正真開發，高度設置自動的。查看全部
-
布局： 1.又叫版式布局。 特點： 1.寬度可以自適寬度。 2.長度無線延長。 分欄： 1.又叫分列。查看全部
-
留著查看查看全部
-
編程練習 學習完《二列布局》課程后，完成本次實戰練習，快來檢驗你的實戰成果吧！任務最終效果如下：查看全部
-
請補充完整代碼，完成代碼編輯器中的任務1，要求main和footer在瀏覽器中水平居中。如下圖所示：查看全部
-
body{margin:0 auto;padding:0 font-size:30px; font-weight:bold} div{text-align:center;line-height:50px} .main{width:960px;height:600px;margin:0 auto} .left{width:360px;height:600px; background;#ccc;float:left} .right{width:600px;height:600px;background:#fff;float:right}查看全部
-
1、列表局通常用于首頁 讓div居中:margin:0 outo; margin:0 outo,是表示 上下為0 左右自動。 2、默認樣式 body{maigin:0;padding:0} 布局前先清除樣式查看全部
-
position：absolute，relative，fixed查看全部
舉報
0/150
提交
取消