上一篇
下一篇
火狐浏览器下文本自适应高度问题
日期:2009-05-17作者:admin
今天在做页面的时候又遇到了同样的问题：固定了高度的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;没用，只是隐藏了多出来的，并没有撑高。
样式：
.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;没用，只是隐藏了多出来的，并没有撑高。
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 0 | 查看次数: -
发表评论