元素位置,取决于其尺寸

时间:2012-05-08 09:13:43

标签: css layout css-position

我的网站上的头像出现了一些问题,当有35 x 35头像时,如果35x35像素尺寸为position: absolute;,那么问题会出现。已超出。

我认为它与35 x 35属性相关,但无法找到更好的替代品。

以下是我要求的实时演示:http://jsfiddle.net/AtJVb/0/

正如你所看到的,化身太大了 - 但周围的元素仍然留在他们的位置,而不是四处移动。

以下是包含{{1}}图片的实时演示:http://jsfiddle.net/AtJVb/1/

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

等待任何解决方案,我很感激。

1 个答案:

答案 0 :(得分:1)

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

绝对定位在这里搞砸了。

  

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

来自MDN - Absolute positioning