消除全屏显示的滚动条

项目中的页面所有的尺寸都是严格按照设计图来的，现在F11全屏之后，在右侧显示滚动条。如下图：

右侧的滚动条

大屏显示，是极其影响观感。

查了资料说是要在最外层加上一个“overflow:hidden”，像下面这样：

image.png

但是依旧不管用，找到section的类，发现其没标宽高，于是将其按照设计图的宽高写上：

image.png

滚动条依然存在。最后试了在其最外侧再包一层div，在最大的div上加“overflow：hidden”就可以了。

image.png

总结：

1、确保尺寸的宽高是写死的；

2、在现有的代码层的最外层，加上一个大的div，写个行内样式

image.png