html - CSS固定位置继承宽度不等于父级

Question

我有 3 个 div parent、child 和 element。 div 元素的 width 继承自 child。问题是 子 div 的宽度等于 100% 并且元素的宽度等于继承，这给了我:

这就是我要找的东西。

我尝试了不同的方法。但没有人工作。我不明白为什么元素无法从父 div 继承宽度 200px。

404/5000 我有 3 个父级、子级和元素 div。 div 元素的宽度继承自子元素，问题是子元素 div 的宽度为 100%，元素继承自 (100%) 并应用它，这给了我这个/

这是我的代码:

.parent{
  padding: 2px;
  height:100px;
  width:30%;
  border:solid 2px red;
}
.child{
  padding: 2px;
  border:solid 2px green;
  width:100%;
  height:50px;
  position:relative;
}

.element1{
  padding: 2px;
  width:inherit;
  border:solid 2px yellow;
  position:fixed;
}

<div class="parent">
  <div class="child">
    child
    <div class="element1">
      element1  
  </div>
  </div>
</div>

Answer 1

除非父宽度为 100%，否则这不是正确的继承方法。但是这段代码通过在子元素和元素上应用宽度继承来解决您的问题。

  .parent {
        padding: 2px;
        height: 100px;
        width: 200px;
        border: solid 2px red;
    }

    .child {
        padding: 2px;
        border: solid 2px green;
        width: inherit;
        height: 50px;
        position: relative;
    }

    .element1 {
        padding: 2px;
        width: inherit;
        border: solid 2px yellow;
        position: fixed;
    }