CSS布局帮助 - 垂直和绝对流畅

Question

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

我希望这个盒子有最多的评论数量，而不是因为我限制字符的高度而烦恼

但我希望评论字段根据其中的文字垂直展开：

所以，外壳宽200px - 然后每行200px宽，50px浮动左边div用于用户pic，150px浮动右边div用于注释（注释div必须垂直扩展 - 不能真正有min-height作为一个单词答案将是16px max）

这可能吗？目前我正在尝试在评论div上设置最小高度溢出：自动，但这只会导致滚动条，如果我可以帮助它我绝对不想要

Answer 1

问题很可能（没有提供代码，我无法确认）你的绝对定位div是什么都没有。这导致div尝试占用最小的空间，因此滚动条。

通常会在已经位于绝对位置的元素中以绝对值放置某些内容时发生。绝对项是从父上下文中取出的，因此父容器不会占用内部空间。所以绝对中的一个元素也只有一个元素也是绝对的，就好像它是空的一样。

I've made this little demo

查看更改此行时会发生什么：

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

到此：

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

Bam，滚动条。