CSS评论

时间:2010-11-08 12:09:50

标签: css

我正在建立一个博客,对于我的评论,我有这个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能够扩展。我该怎么做?

7 个答案:

答案 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)

请勿对此类内容使用绝对定位。