里面的div怎么撑开外面的div,让高度自适应

最新推荐文章于 2024-02-13 13:25:24 发布

转载最新推荐文章于 2024-02-13 13:25:24 发布 · 798 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/konglxblog/p/8728849.html

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种使用额外的 div 元素实现 CSS 清除浮动的方法，并提供了具体的代码实例。这种方法能够确保父容器正确包裹其浮动的子元素，实现布局的高度自适应。

<style type="text/css">
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}
</style>
</head>

<div class="choose-bg-box">
<c:forEach items="${focusAreasList }" var="list" varStatus="count">
<div class="choose-box" style="float:left;">
<div class="choose-box-item" id="${list.dictionaryId }" name="focusArea"> ${list.dictionaryName}</div>
</div>
</c:forEach>
<div class="clearfloat"></div>
</div>

在浮动的容器后面，父容器结束之前加入一个div，代码如下:
<div class="fuqin">
　　<ul>
　　　　<li>内容1</li>
　　　　<li>内容1</>
　　</ul>
　　<div class="clearfloat"></div>
</div>
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}

转载于:https://www.cnblogs.com/konglxblog/p/8728849.html