HTML – 如何从子Div重叠父Div

概述我的HTML上有一些div,其中一个是加载图像div所以我希望它与父div重叠.这是我的代码： <div id="something1"> <div id="something2"></div> <div id="parent" style="border: 15px solid #c1c1c1;width:200px; height:250px;"> <div i 我的HTML上有一些div,其中一个是加载图像div所以我希望它与父div重叠.这是我的代码：

<div ID="something1">    <div ID="something2"></div>    <div ID="parent" >        <div ID="child" ></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;}

这里的关键是位置：父亲的亲戚.

不过,我很好奇,你究竟想要实现这一目标.我有一种感觉,无论是什么,都有更好的方法.

总结

以上是内存溢出为你收集整理的HTML – 如何从子Div重叠父Div全部内容，希望文章能够帮你解决HTML – 如何从子Div重叠父Div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。