0

我有一个评论系统,我想浮动到页面的右侧,绝对定位:

我希望该框有最大数量的评论,因为我限制了字符,所以不要太在意高度

但我希望评论字段根据那里的文本垂直扩展:

所以,外壳是 200px 宽 - 然后每一行是 200px 宽, 50px 浮动左 div 用于用户图片, 150px 浮动右 div 用于评论(评论 div 必须垂直扩展 - 不能真正有最小高度,因为一个词的答案将是最大 16 像素)

这可能吗?目前,我正在尝试使用 overflow:auto 在评论 div 上设置最小高度,但这只会导致滚动条,如果我能提供帮助,我绝对不想要

4

1 回答 1

0

问题很可能(没有提供代码,我无法确认)您的绝对定位的 div 什么都没有。这导致 div 试图占用最小的空间,因此滚动条。

这通常发生在您将某些东西以绝对位置放置在已经定位在绝对位置的元素中时。绝对项从父上下文中取出,因此父容器不会占用内部内容的空间。因此,绝对元素中只有一个元素也在绝对元素中,将表现得好像它是空的。

我做了这个小演示

看看当你改变这一行时会发生什么:

.comment {position:relative;border:1px solid yellow;padding:3px; margin;3px;}

对此:

.comment {position:absolute;border:1px solid yellow;padding:3px; margin;3px;}

Bam,滚动条。

于 2012-10-16T18:30:16.670 回答