本文作者:三克科技

div外层不能被里面的内容撑开高度

三克科技 9个月前 ( 03-09 ) 801 抢沙发

写div的时候经常会遇到,外层div没有被里层的div内容撑开高度,导致这个原因一般来说都是因为浮动造成的(float),因为里层div设置了浮动,他们都飘了,父级div就只能看着没办法被撑开了,出现了高度塌陷。这个时候在父级结束标签前写上一段:

<div style="clear: both;"></div>

清除子元素浮动带来的影响,父级就能被撑开了

DIV盒子模型

还有一个解决方案,给父级元素加上一个样式

overflow: hidden;

代码意思是超出div限定宽度时多余内容不予显示,这种方法确实也能解决。但至于原因没有深入去研究他,有兴趣可以自行查查相关资料

文章版权及转载声明:

作者:三克科技本文地址:https://www.threeke.com/study/1634.html发布于 9个月前 ( 03-09 )
文章转载或复制请以超链接形式并注明出处THREEKE三克科技

分享到:

发表评论

快捷回复:

验证码

评论列表 (暂无评论,801人围观)参与讨论

还没有评论,来说两句吧...