-
单列布局的应用：新浪网查看全部
-
ok...查看全部
-
no bug查看全部
-
左右div需用绝对定位，中间宽度自适应（即不设置固定宽度值），设置margin-left和margin-right的值保持水平居中查看全部
-
浮动float，直接在div里定义查看全部
-
清除浮动：clear:both;查看全部
-
上面的代码没有给main设置高度，而main里的内容又设置成了浮动，所以footer会跑到head的下面。 解决方法有两个：1.清除浮动， clear:both; 2、overflow:hidden; [ 查看全文 ] 2016-04-13采集0 0 慕粉3168198 清除浮动推荐使用 父级 里面加 overflow:hidden [ 查看全文 ] 2016-04-12查看全部
-
div是块状元素，它会很霸道的占一行，从代码可以看出啊，整个的main内容块没有指定高度的，只有它的子内容块指定了高度，但是它的子内容块是浮动的，所以子内容块的高度不能影响成为main的高度，那么浏览器就默认了把footer的div显示在top的下一行，这个时候添加clear:both清除了上面模块的浮动特性，那么此时main的高度就是和子内容块的高度是一样的，因此浏览器就会把footer的div显示在main的下一行查看全部
-
秋山君 main没有设置高度，而他的里面元素又有浮动，所以main是一直往下拓展，所以footer会在他下面，为了显示出footer的颜色，需要清除他的浮动，cler:both查看全部
-
清除浮动 clear:both查看全部
-
三列布局中间的div自适应实现此效果： 1.左侧设置宽度，右侧设置宽度，中间不设置，高度可以设置也可以不设置。 2.浮动解决不了问题，除非把中间的div也设置的有宽度 3.左侧和右侧的div，取消float浮动，运用绝对定位，position：absolute； 但是在此之前如果有父层就给父层设置成相对定位，这样子层的绝对定位就相对于父层来说了，如果没有父层就说明定位是相对于html而言的，二并非body查看全部
-
3种标准流：绝对定位（position :absolute），浮动（float），标准文本流（从左到右，从上到下，像写信，由块级元素和行级元素组成）查看全部
-
两列布局用float； 三列布局 左右position:absolute 中间 margin:上 右 下 左 (距离整个版面的左右侧) [ 查看全文 ] 2015-10-23查看全部
-
三列布局： 左右列固定宽度，中间列自适应。 左侧绝对定位：position：absolute;left:0;top:0; 右侧绝对定位：position：absolute;right:0;top:0; 中间宽度定位：margin:0 (right宽度+间隙宽度)px 0 (left宽度+间隙宽度)px; 上右下左，左右调节大小可以紧邻，也可以有间距 .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; right:0; background:#FCC;} margin不为0注意加单位查看全部
-
Div 浮动主要靠css中添加float标签查看全部
举报
0/150
提交
取消