让DIV内部内容撑开外层的div方法

时间:2025-02-15 09:13:25

1.今天遇到一个DIV设置的问题,因为外层的DIV(a)没有设置高度,想弄成自适应的,在外层DIV的下面添加的其他DIV(b)节点会因为DIV(a)没有设置高度而浮到上面去,跟DIV(a)的内容重叠在一起,找到的一种解决办法是:

在DIV(a)的内部最下面加入随便一个标签,style属性设置成这样:

<br style="clear:both;">

就可以解决问题了


demo:

<div  style="height:auto;">
  <!--内容-->
  <br style="clear:both;"><!--这里添加这个样式的标签,就可以解决-->
</div>

<div >
 <!--内容-->
</div>