html - CSS 溢出属性示例显示框被裁剪到其填充边缘

Question

根据 specs ,

Whenever overflow occurs, the 'overflow' property specifies whether a box is clipped to its padding edge, and if so, whether a scrolling mechanism is provided to access any clipped out content.

我真的无法绕过这条线。

whether a box is clipped to its padding edge

任何人都可以给我这个陈述的好例子。

谢谢

Answer 1

这是关于 CSS 中盒模型的信息(寻找“填充边缘”):https://www.w3.org/TR/CSS21/box.html

padding edge是由内容和它的padding组成的边界。

剪切某些屏幕上的对象意味着切断对象的一部分，通常是在该部分超出其容器范围时。例如，如果您正在玩游戏，而建筑物的一半在屏幕外，则该一半会被裁剪掉，在游戏窗口外不可见。

因此，一个框被裁剪到其填充边缘意味着框的任何部分(例如，div 中的文本)如果超出填充边缘，都将被切断。

overflow 属性控制当某些内容超出其容器时发生的情况。它可以导致滚动条出现、隐藏或显示在容器外部。