【发布时间】:2012-05-08 18:11:27
【问题描述】:
我的网站上的头像出现了一些问题,当有35x35 头像时,就可以了,如您所知,当超过35x35 像素尺寸时出现问题。
我认为它与position: absolute; 属性有关,但找不到更好的替代品。
这是我要求的现场演示:http://jsfiddle.net/AtJVb/0/
如您所见,头像太大 - 但周围的元素仍然停留在它们的位置,而不是移动。
这是一个现场演示,35 x 35 图片:http://jsfiddle.net/AtJVb/1/
在这里,一切都很完美,我希望我的第一个示例看起来完全相同(我指的是那些作者、日期和评论内容元素的位置),但图像尺寸更大。
等待任何解决方案,我将不胜感激。
【问题讨论】:
-
你为什么不告诉头像他应该是
width: 35px; height: 35px;?或者您希望每个大小不同的头像都变得混乱? -
@bažmegakapa 基本上,尺寸将在
1x1 - 100x100像素之间并且不会更大,它根本不会很有趣。我只需要将该头像放在一个位置,并且周围的文本适合其余内容。 -
你可以简单地
float: left那个头像,clear: left评论正文。绝对定位在这里搞砸了。 -
@bažmegakapa 哦,谢谢。很好的主意。您为什么不将此作为答案发布?
标签: css layout css-position