我的HTML上有一些div,其中一个是加载图像div所以我希望它与父div重叠.这是我的代码:
<div id="something1"> <div id="something2"></div> <div id="parent" style="border: 15px solid #c1c1c1;width:200px; height:250px;"> <div id="child" style="position: absolute; border: 15px solid #a2f2e2"></div> </div> </div>
当我使用不同的位置(即绝对,相对等)时,子div不能与其父级重叠.这是我的小提琴链接:http://jsfiddle.net/yNFxj/4/我不想从父div看到任何东西,但我想看到子div增加为父母的大小并重叠它.
有关如何使用纯html和css以及通过其他任何页面实现它的通用方法的任何想法?
PS:边框,宽度,高度等只是例如,它可以被删除.
解决方法
Sajjan是我能说的最接近的,但他有一些缺陷:
>位置:绝对要求其父级具有非静态位置(这通常使用position:relative,它与static一样有效地工作).
>您不需要设置子项的高度和宽度,只需设置父项的高度和宽度.
Here’s my Fiddle for it to demonstrate.
#parent { border: 5px solid gray; position: relative; height: 100px; width: 100px; margin-left: 50px; } #child { position: absolute; top:0; left: 0; right: 0; bottom: 0; background: red; }
这里的关键是位置:父亲的亲戚.
原文地址:https://www.jb51.cc/html/232224.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。