0

img代码中的标签具有样式relative，根据它应该放置在顶部relative的父级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>​
4

3 回答 3

2

这不是什么position:relative意思。

position:relativeposition:absolute如果所有孩子在他们的 CSS 中都有，则更改他们定位自己的上下文。

例如：

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

如果div#b有一个 cssposition:absolute的位置是相对于body. 但是如果div#a也有一个 css ，position:relative那么 的位置div#b是相对于div#a而不是body.

于 2012-05-22T17:17:18.353 回答
2

postion:relative设置使用的子项的原点positon:absolute。

所以设置position:relative在包装元素和position:absolute子元素上。

于 2012-05-22T17:19:22.383 回答
1

我不确定你在问什么，但是如果你想相对于它的 div 设置图像的样式，有一个技巧可以让父元素相对而内部元素绝对。这是编辑后的代码，以防您不明白我在说什么。

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

于 2012-05-22T17:24:03.600 回答