2012-08-11 59 views
-1

我在我的頁面上放置了一個AP Div,其中包含一個iframe。我使用position:relative,以便AP Div不會隨着它後面的圖像移動。一旦我添加了帶有css屬性的AP Div:相對它保持在我想要的位置,但是它將圖像進一步向下推。我需要將主要圖像與頂部對齊。如果你看看其他頁面,你會看到它們是如何對齊的。有沒有解決方案?我不是css專家,所以我會非常感謝任何幫助。謝謝!AP Div推送圖像

我的鏈接是:

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

的感謝!

回答

0

基本問題是diviframe是同一級別的塊元素。將iframe定位設置爲相對不會有幫助。相反,您應該將圖像和iframe包裝到容器DIV中,將此DIV設置爲position:relative,然後將iframe完全放在該DIV上。你甚至可以放下額外的img標籤並將圖像設置爲容器DIV的背景。您也可以通過設置讓<center>的容器DIV的margin0 auto

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

+0

非常感謝,我會付諸現實了。感謝您花時間回答我的問題。 – LucyMae 2012-08-11 13:43:51

+0

我實施了你的建議,現在我的網站工作得很好。我正在研究代碼,以便更好地理解事物之間的關係,所以我實際上知道下一次該怎麼做,而不僅僅是一個快速解決方案。我在你回答之前閱讀過有關包裝器和容器的div,但對我來說這是希臘文,並不知道如何將它應用於我的編碼。我不喜歡做網絡,我喜歡堅持平面設計,我傾向於相信你需要留給專家的一些東西。但從你的錯誤中吸取教訓並獲得一些知識並不會帶來什麼傷害。再次感謝。 – LucyMae 2012-08-11 13:56:49