如何使绝对定位的元素尊重其父元素的填充?我想要一个内部div延伸到其父对象的宽度上,并定位在该父对象的底部,基本上是一个页脚.但是子元素必须尊重父母的填充物,而它没有这样做.子元素正好被压在父母的边缘上.
所以我想要这个:
但我得到的是:
<html>
<body>
<div style="background-color: blue; padding: 10px; position: relative; height: 100px;">
<div style="background-color: gray; position: absolute; left: 0px; right: 0px; bottom: 0px;">css sux</div>
</div>
</body>
</html>
我可以在内部div周围留出空白处来实现,但我不希望添加这些内容.