css - 元素位置,取决于其尺寸

标签 css layout css-position

我的网站上的头像有一些问题,当有 35x35 头像时,就没问题了,如你所知,问题出现了,当 35x35 像素尺寸已超出。

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

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

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

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

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

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

最佳答案

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

绝对定位在这里搞砸了。

an element that is positioned absolutely is taken out of the flow and thus takes up no space when placing other elements.

来自 MDN - Absolute positioning

关于css - 元素位置,取决于其尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10495778/

相关文章:

html - 颜色框悬停 css html

java - 如何在 Android 应用程序中编辑默认布局文件

java - 如何在 MigLayout 中显示 JLabel 省略号?

css - 为什么右侧的div启用水平滚动条?

html - 调整 TextAreaFor 的宽度

html - 根据设备宽度使用 CSS 更改 div 顺序

css - 使用 calculator() 以百分比计算宽度

algorithm - Spring Graph Algorithm w节点大小

jQuery:按相对值 move 元素

css - 跨浏览器修复 - 位置 : fixed as descendants of transformed elements