资讯知识公告动态行业知识SEOHTMLASP数据库和SQLCSSJSBootstrapPhotoshop网站 | 域名 | 空间 | 服务器
首页 > 资讯知识 > HTML

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的高度就可以自适应内部元素高度的变化了。

关闭
关闭
售前QQ客服
点击这里给我发消息
售前旺旺客服
点击这里给我发消息
关于售后服务
请用您购买时候的
旺旺联系旺旺客服
,或者提供淘宝的
订单号给QQ客服,
谢谢!

扫二维码手机看网站