【问题标题】:Element position, depending on its dimensions元素位置,取决于其尺寸
【发布时间】: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


【解决方案1】:

你可以简单地float: left那个头像,clear: left评论正文。

绝对定位在这里搞砸了。

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

来自MDN - Absolute positioning

【讨论】:

    猜你喜欢
    • 2015-05-02
    • 1970-01-01
    • 2014-11-05
    • 1970-01-01
    • 2014-06-03
    • 1970-01-01
    • 2019-03-25
    • 2023-03-24
    • 1970-01-01
    相关资源
    最近更新 更多