-
margin:0 auto 水平居中查看全部
-
.top{height:100px; background:gray;} .main{width:100%;height:400px;background:red; } .left{ width:200px;height:400px;background:blue;position: absolute;left: 0;top:100px;} .right{height:400px;background:green;margin-left:210px;} .foot{height:100px; background:orange;clear:both;}查看全部
-
position:fixed; 相对于浏览器窗口绝对定位。 _position:absolute; 只有IE6能识别, IE6不支持fixed, 所以针对IE6使用absolute绝对定位, 一般还要配套一个expression脚本来实现查看全部
-
对于我们设置的外围容器也就是上面的.main一般不需要设置高度，上面的代码是对的，因为外围的高度最好是由里面的内容撑起来，避免出错。 在上面浮动对两个元素造成了影响，一个就是.main（父容器），由于里面的元素是浮动的脱离了文档流，所以没有撑开；第二个就是下面的.footer元素，由于之前说的main没有撑开，所以.footer 到了.header元素下面（替代浮动元素在正常文档流中的位置）。 所以需要清除浮动，一般用两种方法1，在.main{ }添加overflow:hidden 2.在.footer{}里面添加clear:both;查看全部
-
浮动（float）和 绝对定位（position：absolute）这两种CSS设置，可以让元素脱离文档流查看全部
-
css查看全部
-
<!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} .left{width:20%;height:500px; float:left; background:#ccc;} .right{width:80%;height:500px;float:right;background:#ddd;} .main{width:800px;margin: 0 auto;} .footer{ height:50px; background:#9CF} </style> </head> <body> <div class="main"></div> <div class="left"></div> <div class="right"></div> </body> </html>查看全部
-
<style> body{marin:0;padding:0;} .main{width:800px;height:300px;background:#ccc;margin:0 auto;} .top{height:100px;background:blue;} .foor{width:800px;height:300px;backround:red; maigin:0 auto;} .foot{widhth:800px;height:100px;background:#900;} </styel> <dic class="top"></div> <div class="main"></div> <div class="foot"></div>查看全部
-
网页长度没有限制 但显示器有大小有限制 网页可以自适应宽度 分为：上下 上中下 上左右下 上左中右下 一列 二列 三列 混合布局查看全部
-
布局又称网页排版查看全部
-
清除浮动：1.clear:both；（子模块之间） 2.overflow:hidden; （父与子之间） width:100%;查看全部
-
清除浮动： clear:both;查看全部
-
002查看全部
-
001查看全部
-
3列布局（两边不动，中间自适应） 左右使用absolute，中间的div使用margin定出左右的宽度，查看全部
举报
0/150
提交
取消