-
使用position定位实现三列布局查看全部
-
定宽（left）+自适应（center）+定宽（right） .left{ width:100px; position:absolute; left:0; top:0; } .center{ margin:0 100px; } .right{ width:100px; position:absolute; right:0; top:0; }查看全部
-
.left{ background-color:blue;height:500px;position:absolute;left:0;top:100px;width:200px;}查看全部
-
没有给main设置高度，而main里的内容又设置成了浮动(浮动也无法撑开父元素)，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2.为main设置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
-
div宽度确定的时候可以使用float进行定位，但是div宽度不确定的时候（宽度自适应的时候）就不能使用float进行定位了，要使用绝对定位。查看全部
-
发给快乐查看全部
-
混合布局实践： 清除浮动的方法： 一：clear:both(/left/right); 二：overflow:hidden;width:100%; 三：给main设置高度：.main{width:960px; {height:600px};margin:0 auto;} 四：margin:600px 0 0 0; 因为main包含的块全都设置了浮动，而浮动和绝对定位会使块脱离标准文档流，但是head仍在文档流中 所以foot会忽略main的所有块而贴着head块查看全部
-
一列布局适用于：简单明了，主题突出，适合放置简单的内容例如文字，大号标题。不适合放置多行文字。由于宽度过长，多行文本阅读时容易串行查看全部
-
上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2.为main设置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC;}查看全部
-
脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。查看全部
-
clear:both; 清除浮动查看全部
-
先后加载的问题还是没弄清楚呢查看全部
-
自适应宽度元素：绝对定位position:absolute。查看全部
-
上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2.为main设置高度， .main{ width:860px;height:600px;margin:0 auto;background:#9FC; }查看全部
举报
0/150
提交
取消