我正在建立一个博客,对于我的评论,我有这个CSS。
#comments {
position:absolute;
border: 1px solid #900;
border-width: 1px;
border-style: solid;
border-color: #900;
border-bottom: none;
border-right-style:none;
left:0px;
top:352px;
width:475px;
height:183px;
}
但是,在仅发布一条评论以测试其是否有效之后,文本会填充div
并移出最低div
限制。随着更多评论的到来,我希望div能够扩展。我该怎么做?
答案 0 :(得分:6)
使用min-height: 183px
代替height: 183px
,因此可以根据需要展开。
答案 1 :(得分:4)
如果您手动指定高度,浏览器将不会随着内容的增长自动调整其大小。如果您愿意,可以添加overflow: scroll
指令以添加滚动条。如果您希望div本身增长,请删除height
指令,或将其替换为min-height
,尽管浏览器对此的支持不稳定。
答案 2 :(得分:3)
删除明确的身高规则:
height: 183px;.
现在Div应调整大小以适应评论。
如果没有评论,您可以使用min-height
将其设置为183px,但我不确定每个浏览器是否以相同的方式处理此规则。
答案 3 :(得分:2)
请勿对此类内容使用absolute
定位。从此CSS中删除position
。
答案 4 :(得分:2)
不要指定身高。
如果您必须给它一个基本的最低要求,请使用min-height
。
答案 5 :(得分:2)
您可能还想设置max-height以确保它不会太大。
答案 6 :(得分:1)
请勿对此类内容使用绝对定位。