我的网站上的头像有一些问题,当有 35
x35
头像时,就没问题了,如你所知,问题出现了,当 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.
关于css - 元素位置,取决于其尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10495778/