为什么页面宽度大于屏幕宽度？ [关闭]

Question

我需要帮助找出导致我网站上的额外宽度的原因。 用户名：堆栈密码：密码 链接是http://josesebastianmanunta.com/erp/
如果您查看底部栏的打开按钮浮动到右侧，您会看到当屏幕加载时大约一半的按钮不可见...按钮浮动到右侧并且其 in 具有绝对定位bottom:0; left:0; width:100%;

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

Answer 1

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

您可以在 CSS 中添加以下内容：

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

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