绝对定位不适用于浏览器调整大小

时间:2012-09-25 15:34:57

标签: css

我正致力于创建一个随机定位动画图片的网页。我的问题是,在浏览器重新调整大小后,图像不会在容器内重新定位。

我有绝对位置的图像和相对位置的容器div。我一直看到相对于窗口而不是父div的图像位置。

这是我看到的问题的jsFiddle示例。它有彩色div而不是图像,但问题仍然存在。 http://jsfiddle.net/HMSAM/15/

感谢您对此事的任何帮助。感谢。

1 个答案:

答案 0 :(得分:3)

您通过设置left: #px(像素)来定位孩子,并且在调整大小时保留该属性。

如果要重新计算窗口大小调整的位置,只需使用left: #%(百分比)。孩子们会保持调整大小的价值,但这意味着不同的“像素大小”。

编辑:或者你可以通过Javascript重新计算它。