为什么页面宽度大于屏幕宽度？

Question

我需要帮助找出导致我网站上额外宽度的原因。 USERNAME：stack PASSWORD：密码 链接是http://josesebastianmanunta.com/erp/
如果你看一下底部栏，它有一个向右浮动的打开按钮，你会看到当屏幕加载大约一半的按钮不可见时...按钮向右浮动，其中有一个绝对定位bottom:0; left:0; width:100%;

简而言之：是什么导致页面大于屏幕宽度？

Answer 1

你的问题是在W3C盒子模型中，宽度是内容宽度，并且与填充和边框的贡献是分开的。

您可以将以下内容添加到CSS中：

body { box-sizing: border-box; }
body *, body *:before, body *:after { box-sizing: inherit; }

这会使width的默认计算考虑到填充和边框。当它添加到您的页面时，水平滚动条会消失。