没有预定义宽度的固定元素最初放在引导容器中，不会从父元素继承宽度

Fixed element without predefined width initially put in bootstrap container does not inherit width from parent

本文关键字：元素 继承 预定义      更新时间：2023-09-26

我正在玩粘性功能，使元素在滚动时保持在顶部。它是一个div内部引导流体容器
遗憾的是，一旦它被固定，它的宽度就会由子级定义（标签和文本输入）

CCD_ 2不起作用

若元素是静态的，我需要什么魔法才能使width和它一样。

固定元素是相对于body定位的，因此设置inherit不会有任何作用，除非body上有width。使其相对于另一个元素的唯一方法是使用js。

根据您的评论，您可以这样做：

body {
  margin: 10px;
  height: 1000px;
}
.fixed {
  position: fixed;
  height: 30px;
  background-color: red;
  right: 10px;
  left: 10px;
}
<body>
  <div class="fixed"></div>
</body>

所以基本上，你只需将left和right的值设置为与身体左右两侧的边距相同的值。

相关文章：