-
.head,.main,.footer{width:600px; margin:0 auto;} .head{ height:100px; background:#ccc; } .main{ height:600px; background:#FCC;} .footer{ height:50px; background:#9CF;}查看全部
-
清除浮動有兩種方法：1.clear:both 2.overflow:hidden clear:both; //清除兩邊元素的浮動對他的影響 overflow: hidden; // 用在浮動元素本身清除對父元素的影響查看全部
-
margin:上 右 下 左 使用position 絕對定位左右兩側 中間自適應查看全部
-
網頁布局：又稱版式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合，將理性的思維個性的化的表現出來，是一種具有個人藝術特色的視覺傳達方式。傳達信息的同時有美感。查看全部
-
css里面的名字 沒有加父級元素名字？查看全部
-
float和 position：absolute可以使元素脫離文檔流查看全部
-
清除浮動，clear:both查看全部
-
三列布局，中間自定義適應做法： 1）左、右兩列布局，分別絕對定位，并定義寬度 2）中間布局，定義 margin : 0 右列布局寬度 0 左列布局寬度查看全部
-
<!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{height:100px;background:gray;} .main{height:500px;background:red;margin:0 auto;} .left{width:200px;height:500px;background:blue;position:absolute;left:0;top:100px;} .right{margin-left:210px;height:500px;background:green;} .foot{height:100px;background:orange;} /*.left{ width:200px; height:500px; background:blue;position:absolute;left:0;top:100px; } .right{ margin-left:210px;height:500px; background:#9C9;}*/ .foot{ height:50px; background:#F63 } </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>查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{ height:150px; background:#666; margin:0 auto;} .main{ height:500px; width:auto; background:#F00;} .left{ width:200px; height:500px;position:absolute; left:0; background:#00F; margin:0 10} .right{ margin-left:210px;height:500px; background:#000; width:auto;} .foot{ clear:both; background:#C63; height:30px; width:auto;} </style>查看全部
-
列布局，{margin: 0 auto;} 居中對齊查看全部
-
實踐結果查看全部
-
CSS中脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。 需要注意的是，使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。 而對于使用absolute positioning脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。查看全部
-
clear:both; //清除兩邊元素的浮動對他的影響 overflow: hidden; // 用在浮動元素本身清除對父元素的影響 - -這個overflow究竟是什么鬼查看全部
-
在一列兩列三列的基礎之上進行多次分塊，形成混合布局 塊與塊之間的關系：a.塊挨著塊 b.塊嵌套著塊 c.塊疊壓著塊 通過css將塊的位置擺放正確，網頁的布局就可以完美呈現。查看全部
舉報
0/150
提交
取消