滚动容器

滚动容器是指一个元素框,其中内容可以滚动,无论是否显示滚动条。当 CSS 的 overflow 属性设置为 scroll,或者当 overflow 设置为 auto 内容溢出容器时,用户代理会向元素框添加滚动条,使其成为滚动容器。

当元素框的内容溢出其边界框时,用户可以使用滚动条滚动查看那些原本被裁剪而隐藏的内容。

滚动容器包含一个视口和一个滚动条。

视口

视口是滚动容器的可见部分,与滚动容器的内边距框(padding box)重合。滚动条用于将内容移入移出视口,以便查看内容。

另见