消除全屏显示的滚动条
2019-11-20 本文已影响0人
顺小星
项目中的页面所有的尺寸都是严格按照设计图来的,现在F11全屏之后,在右侧显示滚动条。如下图:
右侧的滚动条大屏显示,是极其影响观感。
查了资料说是要在最外层加上一个“overflow:hidden”,像下面这样:
image.png
但是依旧不管用,找到section的类,发现其没标宽高,于是将其按照设计图的宽高写上:
image.png
滚动条依然存在。最后试了在其最外侧再包一层div,在最大的div上加“overflow:hidden”就可以了。
image.png
总结:
1、确保尺寸的宽高是写死的;
2、在现有的代码层的最外层,加上一个大的div,写个行内样式
<div style="overflow:hidden">
image.png