easyui中layout无法全屏的问题

一.问题

今天在用easyui的layout做一个新的布局,设定layout的width为100%,可是页面中总是有一个17px的边,作为一个单页面的应用程序,这种事情不能忍,于是开始找原因

二.分析

同过f12查看代码,发现这17px很诡异,属于十三不靠,根本找不到是谁的margin导致的,但是这个数字很值得怀疑,17px,应该是一个滚动条的宽度,但是我并没有设置overflow:scroll这样的属性,这个滚动条哪里来的呢?
可能性只有一个:
页面初始化的时候由于不知道页面高度,浏览器自己给加了个滚动条,此时easyui开始初始化,获取了有滚动条的宽度,并且用它做为默认设置,等页面渲染结束了,浏览器发现滚动条不需要,于是就删除了,留下了一条边...

三.解决

为了验证猜测,我需要消除滚动条,方法很简单,给body加上 overflow: hidden; ,作为一个单页面应用,这个属性的使用也没什么问题
结果17px的白边消失了,猜测正确

虽然这是个小问题,不过还挺诡异的,记录一下,免得我自己以后忘记了找不到

转载于:https://www.cnblogs.com/cnjs/p/5025849.html