如何设置固定位置 div 的宽度以匹配其父容器？

定位固定 div 的设置宽度问题

尝试将 100% 的宽度分配给“position:fixed”div ，当元素坚持采用浏览器窗口或文档的宽度时，就会出现一个困境。尽管定义了具有特定宽度的父 div，但固定 div 无法遵守它。

要纠正此问题，请将样式属性“width:inherit”应用于嵌套在父 div 中的所有 div。该解决方案在以下 HTML 和 CSS 代码中进行了演示：

<div>

#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

#fixed * {
    width: inherit;
}

通过为固定 div 的子元素指定“width:inherit”，它们继承其父元素的宽度，确保对齐具有预期尺寸。

以上是如何设置固定位置 div 的宽度以匹配其父容器？的详细内容。更多信息请关注PHP中文网其他相关文章！