-
浮动和绝对定位：position:absolute都是脱离文档流的查看全部
-
定宽的块级元素，可以使用margin:0 auto使之居中查看全部
-
前端攻城师就是将艺术和技术完美融合查看全部
-
分栏：查看全部
-
不脱离文档流就只有三种情况：块级、行内和相对定位查看全部
-
有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。查看全部
-
布局有一列、二列、三列和混合布局 混合布局： 将一列布局改造就变成了混合布局。 即主体部分加上子div 要点回顾： 其实在网页制作当中，页面中的元素就是块与块之间的关系： 块挨着块；块嵌套着块；块叠压着块 通过css将这些块摆放正确，网页布局就自然完美了。 1、margin:0 auto 自动居中 2、两种分成三栏的方式： 1）两边position：absolute，left：0/right：0，top:0， 中间margin｛0 右边 0 左边｝ 2）先分两栏 左右float 再分两栏左右float查看全部
-
布局有一列、二列、三列和混合布局 混合布局： 将一列布局改造就变成了混合布局。 即主体部分加上子div 要点回顾： 其实在网页制作当中，页面中的元素就是块与块之间的关系： 块挨着块；块嵌套着块；块叠压着块 通过css将这些块摆放正确，网页布局就自然完美了。 1、margin:0 auto 自动居中 2、两种分成三栏的方式： 1）两边position：absolute，left：0/right：0，top:0， 中间margin｛0 右边 0 左边｝ 2）先分两栏 左右float 再分两栏左右float查看全部
-
三列布局：不能使用float，左右两列绝对定位，分别靠左和靠右，中间列为相对定位，左右margin分别设置为左右两列的宽度即可，如果列与列之间需要间隔，则增加相应的margin值。查看全部
-
两列布局用float； 三列布局 左右position:absolute 中间 margin:上 右 下 左 (距离整个版面的左右侧)查看全部
-
如果不清除浮动，float的元素是脱离了文档流，那么这个元素原来在文档流里的位置不会被继续保留，就会被后来的元素所替代。这个例子中，float的元素的高度要比后来的元素即footer的高度要高，所以footer会被float的元素覆盖了，如果你把float的元素高度设置的比footer小一点，你就可以看到footer显出了部分绿色。 那么如果footer的样式中添加clear的作用是，保留原来float元素在文档流中的位置，这样footer元素就不会去替代float元素所在的位置了。查看全部
-
如果不清除浮动，float的元素是脱离了文档流，那么这个元素原来在文档流里的位置不会被继续保留，就会被后来的元素所替代。这个例子中，float的元素的高度要比后来的元素即footer的高度要高，所以footer会被float的元素覆盖了，如果你把float的元素高度设置的比footer小一点，你就可以看到footer显出了部分绿色。 那么如果footer的样式中添加clear的作用是，保留原来float元素在文档流中的位置，这样footer元素就不会去替代float元素所在的位置了。查看全部
-
.....查看全部
-
<style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px;background:#ccc;} .main{height:500px;background:red;} .left{ width:200px;height:500px;background:blue;position:absolute;left:0;} .right{height:500px;width:100%;background:#9c9;position:absolute;left:210px;} .foot{height:50px;background:#f63;} </style>查看全部
举报
0/150
提交
取消