火狐浏览器 DIV高度自动增加

最新推荐文章于 2023-07-29 13:07:10 发布

转载最新推荐文章于 2023-07-29 13:07:10 发布 · 2.3k 阅读

文章标签：

#div #浏览器 #ie

网站类专栏收录该内容

6 篇文章

订阅专栏

本文介绍了在不同浏览器下实现DIV自适应高度的方法。在IE浏览器中，内容超出设定高度时，DIV会自动调整高度；而在火狐浏览器中，可以通过在DIV末尾添加特定样式来实现相同效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在IE下，我定义了DIV的高度，如果内容过多，则DIV高度自动增加。并且内容不会移位。
在火狐浏览器下，
1，我定义了DIV高度，如果内容过多，则超过部分的内容会在DIV下面显示，移出了DIV。没有让DIV自动增加高度。
2，如果没定义DIV高度，那么DIV里面的内容全部在DIV外面去了。

解决办法

在要自适应高度的div最后加入<div style="clear:both"></div>
如：
<div id='a'>
  ……
  ……
  <div style="clear:both"></div>
</div>

转载于http://blog.sina.com.cn/s/blog_4a9e49b50100iku7.html