-
这一节讲的很直观，绝对定位的使用和margin值得搭配，看起来比浮动更加的容易操控。查看全部
-
body{margin: 0;padding:0; } 清除默认样式查看全部
-
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; margin:0 310px 0 210px; background:#9CF} .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}查看全部
-
position:absolute查看全部
-
clear:both; //清楚浮动 总结： 单列布局用margin: 0 auto; 两列布局用：float: left & float: right; 三列布局用： position: absolute; top:0; left:0px; right: 0px; margin-left:XXX; 混合布局： clear:both; position: relative;查看全部
-
position:abolute; margin: 0 300px 0 200px; top: 0; left: 0; top: 0 right:0;查看全部
-
可以让元素脱离文档流: float && position: absolute查看全部
-
单列布局：一般都于文字少的，如百度首页。 margin: 0 auto; //水平居中 body { margin:0px; padding:0px; }//清楚Body的默认值查看全部
-
.top{height:60px;background:#ccc;} .main{height:400px;background:red;} .left{height:400px;width:200px;background:blue;left:0;top:60px;position:absolute;} .right{height:400px;margin-left:210px;background:green;} .foot{height:60px;background:orange;}查看全部
-
三种状态，块挨着块，块嵌套着块，块叠压着块查看全部
-
自适应查看全部
-
body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ text-align:center; line-height:50px} .top{ height:100px;background:#6CF} .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;}查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
body{ margin:0; padding:0; font-size:30px; font-weight:bold} div{ line-height:50px} .left{ width:200px; height:600px; background:#ccc;left:0 top:0;position:absolute;} .main{height:600px;margin:0 310px 0 210px;background:#9CF} .right{ height:600px;width:300px; position:absolute;top:0;right:0;background:#FCC;}查看全部
-
居中： margin：0 auto 不设宽度，就是屏幕自适应宽度查看全部
举报
0/150
提交
取消