2

我在我的网站上遇到了一些头像问题,当有一个35x35头像时,就可以了,如您所知,当35x35超出像素尺寸时,问题就会出现。

我认为它与position: absolute;属性有关,但找不到更好的替代品。

这是我要求的现场演示:http: //jsfiddle.net/AtJVb/0/

如您所见,头像太大 - 但周围的元素仍然停留在它们的位置,而不是移动。

这是一个带有35 x 35图像的现场演示:http: //jsfiddle.net/AtJVb/1/

在这里,一切都很完美,我希望我的第一个示例看起来完全一样(我的意思是那些作者、日期和评论内容元素的位置),但图像尺寸更大。

等待任何解决方案,我将不胜感激。

4

1 回答 1

1

您可以简单地float: left使用该头像和clear: left评论正文。

绝对定位在这里搞砸了。

绝对定位的元素从流中取出,因此在放置其他元素时不占用空间。

来自MDN - 绝对定位

于 2012-05-08T09:58:57.760 回答