我有一个网站,作为背景在身体上的渐变。 .main div绝对定位。我希望它和它里面的内容具有相同的高度,但我该如何实现它?绝对定位与相对的儿童相同的高度
回答
绝对没有你的主/容器/包装div被绝对定位。它是定位相对。
<div class = "main">
<div class = "content">....</div>
</div>
然后你有你的CSS:
.main {
position: relative;
margin: 0 auto;
}
.content {
height: 100%;
}
看这个jFiddle:http://jsfiddle.net/persianturtle/3eJGr/
什么绝对定位确实可以发现here
一个片段一个伟大的文章:
完全从文档 流程中移除绝对定位的元素。这意味着它们对它们的父元素或源代码中出现的元素都没有任何影响。因此绝对定位元素将与其他内容 重叠,除非您采取措施来阻止它。
您可以看到主div具有蓝色背景,但由于内容div填充了整个区域,因此无法看到它。 – 2013-02-11 16:55:29
我需要它被绝对定位,因为我想居中它,并且我想要在主包装的边框和屏幕边之间有一个居中的图像。因此,它需要被绝对定位。 – 2013-02-11 18:03:48
我认为还有更好的办法。但是,如果没有代码,很难向您证明。你能不能分析一下你的情况? – 2013-02-11 18:07:16
如果你的绝对定位的div里面的元素相对定位,并具有宽度和高度,你可以将这个CSS用于您的.main
DIV:
height:auto;
这将计算取决于所有的高度高度
分享您的代码以帮助您 – 2013-02-11 16:51:03
您绝对不希望将父母定位为相对定位的孩子。你想要另一种方式。很可能,这是你问题的根源。请阅读我在我的回答中发布的文章以获取更多信息。 – 2013-02-11 17:04:01