h5中如何让<div>的滚动条不贴边

2023-12-13 10:14:34

背景


有时候,我们会希望div出现的滚动条不贴边,比如:
在这里插入图片描述
而不是:
在这里插入图片描述

解决方案


因为一开始使用布局,经常使用position: absolute布局。所以即使怎么设置div的padding和margin,滚动条都是会贴边。
若想要滚动条不贴边,首先不能使用position: absolute布局。
其次,width不能设置为100%。不然也是一直会贴边。
最后,就可以通过margin来设置不贴边了。

div {
	position: relative;
	margin-right: 4px
}

文章来源:https://blog.csdn.net/qq_43478653/article/details/134955260
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。