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

小明的学习圈子2023-08-14前端css

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

<!-- 设置clearfloat样式,让里面的div撑开外面的div,让高度自适应 -->
<style type="text/css">
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}
</style>

<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;}
Last Updated 2024/4/6 10:47:15