AP Div Pushing图像

时间:2012-08-11 01:33:19

标签: css html margin

我在我的页面上放置了一个包含iframe的AP Div。我使用position:relative,这样AP Div就不会随着它背后的图像移动。一旦我添加了具有css属性的AP Div,就位置:相对它保持在我想要的位置,但是它将图像进一步向下推。我需要将主图像对齐到顶部。如果您查看其他页面,您将看到它们如何在顶部对齐。这有解决方案吗?我不是一名CSS专家,所以我非常感谢任何帮助。谢谢!

我的链接是:

http://www.mylittleovertures.com/continue.html

谢谢!

1 个答案:

答案 0 :(得分:0)

基本问题是diviframe是同一级别的块元素。将iframe定位设置为相对无济于事。相反,您应该将图像和iframe包装到容器DIV中,将此DIV设置为position:relative,然后将iframe绝对放在该DIV上。您甚至可以删除额外的img标记并将图像设置为容器DIV的背景。您也可以通过将容器DIV的<center>设置为margin来获得0 auto

以下是一个示例:http://jsfiddle.net/99wCg/3/