碼不顯示相對於父DIV

碼內的img標籤還可以根據它應該放在relative父div這是在頂部，但我不明白爲什麼它沒有得到在所顯示的造型relative位置提到。這裏是fiddle。請幫忙。謝謝碼不顯示相對於父DIV

<div> 
    <iframe width="350" height="350" src="http://www.youtube.com/embed/P3weDRMemD8" frameborder="0" allowfullscreen></iframe> 
    <form style="border:3px;text align.center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit=     "window.open('http://feedburner.google.com/fb/a/mailverify?uri=financeyoga/UPqT', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> 
     <input type="text" style="width:140px;padding:10px;" name="email"/> 
     <input type="hidden" value="financeyoga/UPqT" name="uri"/> 
     <input type="hidden" name="loc" value="en_US"/><br> 
     <input style="padding:10px;" type="submit" value="Submit Email Address" /> 
    </form> 
    <img style="position:relative;top:325px; left:10px;" src="http://financeyoga.com/wp-content/uploads/2012/05/follow.png" width="143" height="64" border="0" usemap="#Map"> 
    <map name="Map"> 
     <area shape="rect" coords="5,18,33,44" href="www.twitter.com" target="_blank" alt="twitter"> 
     <area shape="rect" coords="57,16,87,46" href="www.facebook.com" target="_blank" alt="facebook"> 
     <area shape="rect" coords="107,16,137,46" href="plus.google.com" target="_blank" alt="google plus"> 
    </map>   
</div>

來源

2012-05-22 Fahad Uddin

因此，你想放置img？在上面？或波紋管輸入？ – Sajmon

你想要圖像，在按鈕上方的框中？ – j08691

@Sajmon：我希望它顯示在視頻的正下方。 –

這不是position:relative的意思。

position:relative更改所有孩子在其CSS中具有position:absolute的位置的上下文。

例如：

<body> 
    <div id="a"> 
     <div id="b"> 
      Hello 
     </div> 
    </div> 
</body>

如果div#b具有position:absolute位置的CSS是相對於body設置。但是如果div#a也具有position:relative的css，則相對於div#a而不是body設置div#b的位置。

來源

2012-05-22 17:17:18 Gareth

我只是想說。 –

postion:relative設置使用positon:absolute的子項目的原點。

因此，在包裝元素上設置position:relative，在子元素上設置position:absolute。

來源

2012-05-22 17:19:22

我不確定你在問什麼，但是如果你想要相對於它的div來設計圖像的風格，那麼你就有一個把父親和內部元素設置爲絕對的技巧。如果你不明白我在說什麼，這裏是編輯好的代碼。

http://jsfiddle.net/ZByDf/9/

來源

2012-05-22 17:24:03 pandavenger

碼不顯示相對於父DIV

回答

相關問題