Html 如何使div填充父元素

每当我将DIV设置为：

.div {
    position: fixed;
    z-index: 9999;
}

---

我开始努力设置div width以适应/环绕父元素的整个宽度。如果我设置为

宽度：100%延伸到整个页面<代码>最大宽度

，

最小宽度

的行为方式都相同。如何解决这个问题，使div元素完全适合父元素？

尝试：

位置：相对；在父元素上显示：块

第一个上升点的宽度百分比标度，位置为相对位置

编辑：正如@David Wilkinson所提到的，由于它们是根据窗口大小设置的，所以这不适用于%width。 但是，您可能希望尝试：

width:inherit

（在固定组以及设置大小的父组和固定组之间的任何组上）

---

在这里工作

尝试：

职位：相对；在父元素上显示：块

第一个上升点的宽度百分比标度，位置为相对位置

编辑：正如@David Wilkinson所提到的，由于它们是根据窗口大小设置的，所以这不适用于%width。 但是，您可能希望尝试：

width:inherit

（在固定组以及设置大小的父组和固定组之间的任何组上）

---

在这里工作

请记住，当您将一个元素声明为

位置：fixed

时，您将其从文档的“正常”流中移除-因此不要期望应用正常规则。。。举个例子：

.wrapper{
宽度：50%；
背景色：红色；
高度：100px；
保证金：0自动；
}
.固定{
位置：固定；
宽度：100%；
高度：50px；
背景：黄色；
排名：0；
左：0；
}

治好我！

请记住，当您将一个元素声明为

位置：fixed

时，您将其从文档的“正常”流中移除-因此不要期望应用正常规则。。。举个例子：

.wrapper{
宽度：50%；
背景色：红色；
高度：100px；
保证金：0自动；
}
.固定{
位置：固定；
宽度：100%；
高度：50px；
背景：黄色；
排名：0；
左：0；
}

治好我！

如果你摆脱

位置：固定和
z-index:9999它将自己全速运行-这是像div这样的块元素的行为。你不需要任何样式就可以得到一个div，使其达到父级的全宽和
z-index:9999它将自己全速运行-这是像div这样的块元素的行为。您不需要任何样式来获得一个div以达到父级的全宽。感谢您指出我的错误。然而，绝对定位不会有完全相同的结果…@Carele不，它肯定有一些缺点。每种情况都不一样，所以我想我应该解释一下为什么会发生这种行为：）谢谢你指出我的错误。然而，绝对定位不会有完全相同的结果…@Carele不，它肯定有一些缺点。每种情况都不一样，所以我想我应该解释一下为什么会发生这种行为：）哈哈，谢谢。在你证明我错之前，我不认为宽度也不起作用。哈哈，谢谢。在你证明我错之前，我不认为宽度也不起作用