📅  最后修改于: 2023-12-03 14:40:17.503000             🧑  作者: Mango
scroll-margin-block-end
属性CSS scroll-margin-block-end
属性用于设置块容器顶部与滚动容器底部之间的最小间距。它可以用于调整滚动条与页面元素之间的距离,从而改进页面的可读性和可用性。
scroll-margin-block-end: <length> | auto;
<length>
:用于设置块容器顶部与滚动容器底部之间的最小间距。长度值可以使用绝对值(如 px、cm 或 in)或相对值(如 % 或 em)。auto
:默认值。指示浏览器自动计算滚动内边距,并调整滚动条和容器之间的距离。/* 固定的长度值 */
div {
scroll-margin-block-end: 20px;
}
/* 相对值 */
div {
scroll-margin-block-end: 3em;
}
/* 自动计算内边距 */
div {
scroll-margin-block-end: auto;
}
CSS scroll-margin-block-end
属性的兼容性相对较差,目前在所有浏览器中都不被广泛支持。它的在各个浏览器中的兼容性如下: