css技巧--根本解决火狐下高度不自动撑开问题

很多朋友碰到火狐高度不自动撑开的问题
  今天下午遇到一个问题 弄了很久,有些人使用 min-height:500px; height:auto !important; height:100%
来解决火狐浏览器下高度自动,可是我觉得使用 min-height 是一个 治标不治本的方法
最后我找到一个解决方法:
  如下
在样式表里面加入以下样式,在div结尾处写如如下样式代码
.clear{display: block;clear: both;}
例子:
<div id="content">
  .......
  ......
 <!--兼容火狐高度自动撑开 -->
  <div class="clear"></div>
 <!--end-->
</div>
希望对大家有所帮助 !

你可能感兴趣的:(css,浏览器)