-
寬度自適應 就用百分比表示查看全部
-
一列布局整代碼查看全部
-
補一張代碼查看全部
-
一列布局：普通，居中即可（左右margin為auto） 二列布局：float：left和float：right即可 三列布局： 1.全部自適應：margin=33.33%，并全部設置為float 2.左右固定，當中自適應：左右position：absolute；當中margin定死(手動寫左右margin=左右欄寬)查看全部
-
先加載文檔流，再加載浮動查看全部
-
層層設置，不能馬虎查看全部
-
上面的代碼沒有給main設置高度，而main里的內容又設置成了浮動，所以footer會跑到head的下面。 解決方法有兩個：1.清除浮動， clear:both; 2.為main設置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
-
布局有一列、二列、三列和混合布局 混合布局： 將一列布局改造就變成了混合布局。 即主體部分加上子div 要點回顧： 其實在網頁制作當中，頁面中的元素就是塊與塊之間的關系： 塊挨著塊；塊嵌套著塊；塊疊壓著塊 通過css將這些塊擺放正確，網頁布局就自然完美了。 1、margin:0 auto 自動居中 2、兩種分成三欄的方式： 1）兩邊position：absolute，left：0/right：0，top:0， 中間margin｛0 右邊 0 左邊｝ 2）先分兩欄 左右float 再分兩欄左右float 局實際上市塊與塊之間的關系，它們存在于三種狀態： ①塊挨著塊； ②塊嵌套著塊； ③塊壓著塊。 盒子之間的三種關系： 1、相鄰 2、嵌套 3、層疊 我們要做的就是擺放好盒子的位置。查看全部
-
完成了查看全部
-
定義絕對定位?？吭谧筮卲osition:absolute;left:0; top:0 居中設置距離margin:0 310px 0 210px順序上右下左查看全部
-
3列布局-特殊案例 左右列固定寬度，中間列自適應。 左側絕對定位：position：absolute;left:0;top:0; 右側絕對定位：position：absolute;right:0;top:0; 中間寬度定義去掉，加上左右的margin值，margin:0 310px 0 210px; 上右下左（中間空一點出的話，增加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>查看全部
-
有三種情況使得元素脫離文檔流： 1、浮動：float; 2、絕對定位：absolute; 3、固定定位：fixed;查看全部
-
浮動到左側float:left 浮動到右側float：right查看全部
-
若想要實現自適應，寬度用百分比來表示查看全部
舉報
0/150
提交
取消