一尘不染

父级和子级,位置固定,父级溢出:隐藏的错误

css

我不知道是否存在问题,但是我想知道为什么overflow:hiddenfixed父/子元素上不能使用。

这是一个例子:

CSS和HTML:

.parent{

  position:fixed;

  overflow:hidden;

  width:300px;

  height:300px;

  background:#555;

}

.children{

  position:fixed;

  top:200px;

  left:200px;

  width:150px;

  height:150px;

  background:#333;

}


<div class="parent">

  <div class="children">

  </div>

</div>

阅读 298

收藏
2020-05-16

共2个答案

一尘不染

因为固定位置元素是相对于视口而不是其他元素固定的。因此,由于视口没有切断,因此溢流变得无关紧要。

具有position:absolute的元素的位置和尺寸相对于其包含块,而具有position:fixed的元素的位置和尺寸始终相对于初始包含块。通常是视口:浏览器窗口或纸张的页面框。

2020-05-16
一尘不染

除了使用clip之外,您还可以{border-radius: 0.0001px}在父元素上使用。它不仅适用于绝对/固定位置的元素。

2020-05-20