-
1、两列自适应宽度： body{margin: 0;padding: 0;} .left{width: 20%; height: 500px; background: red; float: left;} .right{width: 80%; height: 500px; background: blue; float: right;} 2、固定宽度： body{margin: 0;padding: 0;} .main{width: 800px;margin: 0 auto;} .left{width: 200px; height: 500px; background: red; float: left;} .right{width: 600px; height: 500px; background: blue; float: right;}查看全部
-
一列布局 1.一般用于网站首页，页面比较简单 2.因为只有一列，网页宽度较宽，所以一般不会插入多行文字，否则会比较容易串行。只有简单的图片文字超链接。 3.头部 class=“header”主体=“main”底部=“footer” 4.清除内外边距：margin：0；padding:0； 5.div水平居中：margin：0 auto；查看全部
-
right 有自适应宽度查看全部
-
footer没颜色或跑位原因：main没有被里面的元素撑开。 解决办法：1.给main使用隐藏溢出overflow:hidden;让main撑开。 2.给受影响元素清除浮动clear:both;去除影响。查看全部
-
可以让元素脱离文档流? 有三种情况使得元素离开文档流而存在，分别是浮动/绝对布局/固定定位; 相对定位（position：relative），不可以脱离文本流. 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它查看全部
-
可以让元素脱离文档流? 有三种情况使得元素离开文档流而存在，分别是浮动/绝对布局/固定定位; 相对定位（position：relative），不可以脱离文本流. 脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它查看全部
-
如果要设计三列中间自适应宽度的布局，则需要用到定位，而不能用浮动。查看全部
-
上 右 下 左查看全部
-
310px代表的是距离浏览器右边框的距离，为300（.right中内容的宽度值）+10（中右间距）,210px也是同样的道理。 注意margin的概念！！查看全部
-
文档流：将窗口自上而下分成一行一行，并在每行中按从左至右的依次排放元素，即为文档流。 有三种情况使得元素离开文档流而存在，分别是浮动 绝对布局 固定定位查看全部
-
两种情况 清除浮动包括清除子元素的浮动和清除上级元素的浮动，其中清除上级元素的浮动，只需设置clear为both就可以了，而清除子元素的浮动则可以用空标签法、clearfix方法或overflow方法。因清除上级元素的浮动比较简单，而空标签法清除子元素浮动会增加额外标签，所以在这里主要说clearfix方法、overflow方法及偶然发现的inline-block方法。 为什么要清除浮动 一个块级元素的高度如果没有设置height，那么其高度就是由里面的子元素来撑开的，如果子元素使用浮动，脱离了标准的文档流，那么父元素的高度会将其忽略，你可以使用firebug查看下如果不清除浮动，父元素会出现高度不够，那样如果设置border或者background都得不到正确的解析查看全部
-
footer没颜色或跑位原因：main没有被里面的元素撑开。 解决办法：1.给main使用隐藏溢出overflow:hidden;让main撑开。 2.给受影响元素清除浮动clear:both;去除影响。查看全部
-
前端工程师：一个将艺术与技术完美融合的关键岗位！！！！！！！！！！！！！！！！！查看全部
-
慕粉188111111 footer没颜色或跑位原因：main没有被里面的元素撑开。 解决办法：1.给main使用隐藏溢出overflow:hidden;让main撑开。 2.给受影响元素清除浮动clear:both;去除影响。查看全部
-
三列布局： .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; position:absolute; background:#Fcc;right:0;top:0;}查看全部
举报
0/150
提交
取消