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

背景


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

解决方案


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

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

你可能感兴趣的:(Web,javascript,开发语言,ecmascript)