今天在做页面的时候又遇到了同样的问题：固定了高度的div如果内容多出来，在火狐下，div容器是不自动撑开的，例如下面的代码：

样式：

.content{
         width:130px;
         height:100px;
         background:#FDFDDF;
         border:1px solid #cecece;
        }
html代码：

<div class="content">
我的咖啡
天堂向左
我的咖啡
天堂向左
我的咖啡
天堂向左
我的咖啡
天堂向左
</div>
    IE6,IE7下下面效果：

火狐下效果：

解决办法：在原来基础上增加下面两句，

height:auto!important;(内容高于固定高度时起作用)

min-height:100px;(内容低于固定高度时起作用)

网上还有一种方法：height:auto;overflow:hidden;没用，只是隐藏了多出来的，并没有撑高。


转载请注明：睿美印象网站建设工作室www.ruimeiyx.com