css у е ф Ашчу в в шм е

e0bqpujr  于 2023-03-24  发布在  其他
关注(0)|答案(1)|浏览(107)

**已关闭。**此问题为not written in English。当前不接受答案。

堆栈溢出是一个English-only site。作者必须能够用英语沟通,以理解和从事任何评论和/或他们的问题收到的答案。Don't translate这篇文章的作者;机器翻译可能不准确,甚至人工翻译也可能改变帖子的预期含义。
昨天关门了。
Improve this question
如何创建一个position: fixed;的容器,使其占据父容器的100%?问题是父容器的宽度不是以像素为单位设置的,而是以百分比为单位设置的。
在下面的示例中,红色容器应该与绿色容器具有相同的宽度,其宽度必须保持等于100%。

.parent{
  width: 50%;
  border: solid green 2px;
}
.child{
  height: 200px;
  border: solid red 2px;
  position: fixed;
}
<div class="parent">
  <div class="child">
    <p>Text text text</p>
  </div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
cigdeys3

cigdeys31#

如何通过应用这个规则width: inherit;来继承CSS宽度

.parent {
  width: 50%;
  border: solid green 2px;
}

.child {
  height: 200px;
  border: solid red 2px;
  position: fixed;
  width: inherit;
}
<div class="parent">
  <div class="child">
    <p>Text text text</p>
  </div>
</div>

相关问题