-
方法三:使用伪元素来清除浮动(after意思:后来,以后) .clearfix:after{ centent:"";//设置内容为空 height:0;//高度为0 line-height:0;//行高为0 display:block;//将文本转为块级元素 visibility:hidden;//将元素隐藏 clear:both//清除浮动 } .clearfix{ zoom:1;为了兼容IE }查看全部
-
一列布局： 1.通常作为网页头部。固定宽度。 2.真正开发，高度设置自动的。 一列布局通常用于首页； 让div居中：margin:0 auto; 2. 典型单列布局：头部top 主体main 尾部foot 三个<div> 3. 清除默认样式：;body{margin:0;padding:0} 4. margin的顺序是上右下左，那么这里的0表示上方的为0，上方的对应部位也就是下方也为0.同理auto指的是右方，那么对应的左方也为auto查看全部
-
清除浮动:clear:both查看全部
-
.top{height: 50px; background-color: gray} .main{height: 500px; background-color: red} .left{height: 500px; width: 200px; background-color: blue; position: absolute;} .right{height: 500px; width: 100%; margin-left:210px; background-color: green; position: absolute; } .foot{height: 50px; background-color: orange}查看全部
-
状态三种，块挨着块，块包含着块，块叠加着块查看全部
-
将margin设置为margin:0 310px 0 210px可以实现居中空白的效果。这样做的原理是因为left和right都是绝对定位脱离了文档流所以我们需要设置离它们各自的宽度+10px查看全部
-
两列布局： 1、宽度自适应（用的比较少）， 1.1因为宽度要自适应，所以要设置左侧left的width:xx%；1.2，需要左右排列，所以设置float:left；1.3另一侧right也设置width和float(left和right都可以吧，再微调) 2、固定宽度（）left和right增加一个父div#main,设置这个main的width，以及margin 0 auto；2.1如果要精确控制left和right的宽度，可以使用px【就是说也可以使用%粗略控制。】查看全部
-
自适应--尺寸用百分比查看全部
-
弄不清margin但是还是做对了查看全部
-
position：absolute;left:0;top:0;查看全部
-
兼容IE6不能用浮动，用绝对定位和相对定位就可以了，且当子元素设定为absolute时，父元素要设定为relative才可以。要右侧自适应，则左侧应该定宽并且position：absolute。加载顺序先右后左，指的是在代码中先写右边的div,再写左边的div.查看全部
-
footer不显示颜色 解决方法 1.清除浮动：(clear:both;) 2.给main设置高度查看全部
-
散列布局： 添加position:absolute;left:0;top:0;显示使left绝对定位向左。 添加margin:0 310px 0 210px;不添加width，使宽度自适应。左右宽度添加10px使与左右间隔10px空位。 添加position:absolute;right:0;top:0;显示使right绝对定位向右.查看全部
-
float(浮动),position absolute（绝对定位）这两个css设置，可以让元素脱离文档流。查看全部
-
body{margin:0px; padding:0px;}清除默认样式查看全部
举报
0/150
提交
取消