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

标签 html css

根据 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

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

谢谢

最佳答案

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

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

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

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

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

关于html - CSS 溢出属性示例显示框被裁剪到其填充边缘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34776759/

相关文章:

javascript - 在一个div中加载的网页不可见,并且无法看到另一个div的滚动条的末尾

php - 根据页面加载位置提交表单

html - 居中对齐的 div,文本左对齐

html - 在小屏幕上更改 div 的布局

css - Bootstrap 菜单 - 我的菜单没有显示按钮。按钮在左边,菜单在右边

javascript - 获取 float 元素兄弟的最小 innerWidth

html - 使某些表单字段与标签内联

javascript - 如何使用 javascript 发布包含文件类型参数的表单

html - 在 Bootstrap 仪表板模板示例中设置特定的侧边栏宽度

javascript - 转换 css 单位