gpt4 book ai didi

css - 相对于父 div 不显示代码

转载 作者:太空宇宙 更新时间:2023-11-03 20:55:50 25 4
gpt4 key购买 nike

代码中的 img 标签具有样式 relative,根据它应该将 relative 放置到父级 div 位于顶部,但我不明白为什么它没有显示在提到的位置。这里是 fiddle .请帮忙。谢谢

<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 不是这个意思。

position:relative 更改所有 child 在他们的 CSS 中有 position:absolute 时定位自己的上下文。

例如:

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

如果 div#bposition:absolute 的 css,则位置是相对于 body 设置的。但是,如果 div#a 也有 position:relative 的 css,则 div#b 的位置是相对于 div 设置的#a 而不是 body

关于css - 相对于父 div 不显示代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10706803/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com