div嵌套,如何让外层div自动适应内层div的高度和宽度
2017-10-07 15:16:18 点击:
div嵌套,如何让外层div自动适应内层div的高度和宽度,解决办法:
方法一:加一个清除浮动div,即在内层最后一个div 后面加上下面这行:
<div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
也可以把style里的样式写到css类中,也就是我们常见的clearfix类,于是写法就变成了:
<div class="clearfix"></div>
方法二:直接在外层(父层)div的CSS代码中加入下面两个属性值(一个都不能少)
clear:both;
overflow:auto;
按照上面两种方法,清除浮动div或者直接加入清除浮动属性后,外层div的高度就可以自适应内部元素高度的变化了。
- 上一篇:3个div,一个居左,两个居右,第一个必须设置宽度(width),不然在部分浏览器下无法居左 [2017-10-07]
- 下一篇:文字和图片行内垂直居中:align="absmiddle" [2017-10-07]