-
上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2、overflow:hidden;查看全部
-
文档流：将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. 浮动（float）和 绝对定位（position：absolute）-->脱离文档流 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用position：absolute脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它查看全部
-
可以让元素脱离文档流? 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它查看全部
-
清除浮动推荐使用 父级 里面加 overflow:hidden查看全部
-
上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2.为main设置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
-
http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html查看全部
-
记住！clear:both是清除样式，相当于清除浮动查看全部
-
特殊的三列布局--两边固定宽度，中间自适应 左边：position:absolute;top:0;left:0; 右边：position:absolute;top:0;right:0; 中间：margin：0 310px 0 210px；查看全部
-
自适应的三列布局查看全部
-
被限制在固定宽度父级元素中的两列布局 在父级元素上不设置高度 分别在自己元素left和right上设置高度 这样才能显示出来查看全部
-
自适应宽度的两列布局查看全部
-
不设置width 宽度和浏览器宽度一致 头部 内容 底部 一列布局查看全部
-
最简单的一列布局 居中显示 margin:0 auto; 上下间距0px 水平居中查看全部
-
分栏--分列查看全部
-
dghdf查看全部
举报
0/150
提交
取消