AP Div推送图像

-1

我在我的页面上放置了一个AP Div，其中包含一个iframe。我使用position：relative，以便AP Div不会随着它后面的图像移动。一旦我添加了带有css属性的AP Div：相对它保持在我想要的位置，但是它将图像进一步向下推。我需要将主要图像与顶部对齐。如果你看看其他页面，你会看到它们是如何对齐的。有没有解决方案？我不是css专家，所以我会非常感谢任何帮助。谢谢！AP Div推送图像

我的链接是：

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

的感谢！

来源

2012-08-11 LucyMae

基本问题是div和iframe是同一级别的块元素。将iframe定位设置为相对不会有帮助。相反，您应该将图像和iframe包装到容器DIV中，将此DIV设置为position:relative，然后将iframe完全放在该DIV上。你甚至可以放下额外的img标签并将图像设置为容器DIV的背景。您也可以通过设置让<center>的容器DIV的margin到0 auto

下面是一个例子：http://jsfiddle.net/99wCg/3/

来源

2012-08-11 02:00:49 digitalbreed

非常感谢，我会付诸现实了。感谢您花时间回答我的问题。 – LucyMae 2012-08-11 13:43:51

我实施了你的建议，现在我的网站工作得很好。我正在研究代码，以便更好地理解事物之间的关系，所以我实际上知道下一次该怎么做，而不仅仅是一个快速解决方案。我在你回答之前阅读过有关包装器和容器的div，但对我来说这是希腊文，并不知道如何将它应用于我的编码。我不喜欢做网络，我喜欢坚持平面设计，我倾向于相信你需要留给专家的一些东西。但从你的错误中吸取教训并获得一些知识并不会带来什么伤害。再次感谢。 – LucyMae 2012-08-11 13:56:49

AP Div推送图像

回答

相关问题