如何让固定位置的div继承其父级的宽度？

定位固定 Div 的相对宽度

当尝试将固定定位的 div 设置为其父 div 的完整宽度时，会遇到一些挑战可以出现。让我们探讨这个问题并找到解决方案。

问题描述

在提供的示例中，具有固定位置的 div 不会继承其父级的宽度。相反，它会扩展到整个窗口的宽度。

解决方案

要解决此问题，请应用 CSS 属性 width: 继承到父 div 中的任何内部 div 。这告诉固定 div 从其父级继承其宽度。

#container {
    width: 800px;
}

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

#fixed div {
    width: inherit;
}

实现

对于不支持 width: 继承的浏览器，请考虑使用 JavaScript 解决方案。这对于较旧的浏览器可能是必要的。

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