html - CSS 注释布局

Question

我想为评论制作一个 CSS 布局。

基本上一个评论 block 由三部分组成:

1. 左边的用户照片
2. 评论头(左浮用户名，右浮评论数据组成)
3. 评论正文( float 用户照片)

http://dabblet.com/gist/10660127这是我到目前为止所拥有的。我无法做出适当的评论标题的问题。显然我想正确对齐它，就像我在 .comment-title 后面放很多 brs(但不是最好的解决方案，这里我显示了期望的结果:http://dabblet.com/gist/10660333)。

该标记有什么好的解决方案吗？

Answer 1

您需要将 clear: both(或者可能是 clear: right，具体取决于头像图像的行为方式)添加到您的 body 类。

你也可以给它一些 padding-top。