我不知道是否存在问题,但是我想知道为什么overflow:hidden在fixed父/子元素上不能使用。
overflow:hidden
fixed
这是一个例子:
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>
因为固定位置元素是相对于视口而不是其他元素固定的。因此,由于视口没有切断,因此溢流变得无关紧要。
具有position:absolute的元素的位置和尺寸相对于其包含块,而具有position:fixed的元素的位置和尺寸始终相对于初始包含块。通常是视口:浏览器窗口或纸张的页面框。
除了使用clip之外,您还可以{border-radius: 0.0001px}在父元素上使用。它不仅适用于绝对/固定位置的元素。