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

Why is width of page larger than screen width?

本文关键字：屏幕 大于 为什么      更新时间：2023-09-26

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

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

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

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

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

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

相关文章：