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

Linda Hamilton

发布： 2024-11-28 19:02:11

原创

394 人浏览过

How to Make a Fixed Positioned Div Inherit the Width of Its Parent?

定位固定 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中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章