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

Posted 2023-03-06

【中文标题】为啥页面宽度大于屏幕宽度？ [关闭]

【英文标题】：Why is width of page larger than screen width? [closed]为什么页面宽度大于屏幕宽度？ [关闭]

【发布时间】：2015-02-22 18:13:56

【问题描述】：

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

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

【问题讨论】：

你为什么尖叫！

别喊了。可能会得到答案

请查看 *** 主页。您还看到了多少其他大写的帖子标题？？

【参考方案1】：

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

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

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

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

【讨论】：

太棒了...它工作但现在我必须调整一些其他部分...哈哈....感谢您的回答和解释。

@smanunta 总体而言，在“边框”模式下工作要容易得多。祝你好运！