Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 代码未相对于父div显示_Css - Fatal编程技术网

Css 代码未相对于父div显示

Css 代码未相对于父div显示,css,Css,代码中的img标记具有样式relative,根据该样式,它应该放置在顶部的父div上,但我不明白为什么它没有显示在前面提到的位置。请帮忙。谢谢 <div> <iframe width="350" height="350" src="http://www.youtube.com/embed/P3weDRMemD8" frameborder="0" allowfullscreen></iframe> <form style="border:3

代码中的
img
标记具有样式
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>​



这不是
位置:相对的意思

position:relative
更改所有子级在CSS中具有
position:absolute
时所处的上下文

例如:

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

你好

如果
div#b
的css为
position:absolute
,则该位置相对于
主体设置。但是如果
div#a
的css也是
position:relative
,那么
div#b
的位置是相对于
div#a
设置的,而不是
body
,这不是
position:relative
的意思

position:relative
更改所有子级在CSS中具有
position:absolute
时所处的上下文

例如:

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

你好

如果
div#b
的css为
position:absolute
,则该位置相对于
主体设置。但是如果
div#a
的css也是
position:relative
,那么
div#b
的位置是相对于
div#a
设置的,而不是
body

position:relative
设置使用
position:absolute
的子项的原点


因此,在包装元素上设置
position:relative
,在子元素上设置
position:absolute

position:relative
为使用
position:absolute
的子项设置原点


因此,在包装元素上设置
position:relative
,在子元素上设置
position:absolute

我不知道你在问什么,但是如果你想相对于它的div设置图像样式,有一个技巧,你可以将父元素设置为relative,将内部元素设置为绝对。这是经过编辑的代码,以防你不明白我在说什么


我不知道你在问什么,但是如果你想相对于它的div设置图像的样式,有一个技巧,你可以将父元素设置为相对,将内部元素设置为绝对。这是经过编辑的代码,以防你不明白我在说什么


那么你想把img放在哪里?在上面?还是下面的输入?你想把图像放在按钮上方的框中的什么地方?@Sajmon:我想让它显示在视频的正下方。那么你想把img放在哪里呢?在上面?还是吼叫输入?你想把图像放在哪里,在按钮上方的框中?@Sajmon:我想让它显示在视频的正下方。我正要这么说。我正要这么说。