Css 越过窗口高度会增加元素的宽度？
除了两个Css 越过窗口高度会增加元素的宽度？,css,html,Css,Html,除了两个部分元素外，我在页面上没有任何内容。两个部分占用宽度的1280px和高度的800px。当我将浏览器窗口宽度缩小到1281px（使用Chrome的开发工具查看窗口宽度）时，会出现一个水平滚动条，就像我将窗口宽度缩小到1280px以下一样。当我检查主体元素时，它显示宽度中的1264px。另一方面，Dev工具向我显示窗口width是1281px 当我将两个部分元素的高度降低到低于窗口当前高度的值时，例如300px，水平滚动条消失，主体宽度显示为1281px 我也在页面上应用了css重置 这是什
部分部分宽度的1280px
和高度的800px
。当我将浏览器窗口宽度缩小到1281px
（使用Chrome的开发工具查看窗口宽度）时，会出现一个水平滚动条，就像我将窗口宽度缩小到1280px
以下一样。当我检查主体
元素时，它显示宽度
中的1264px
。另一方面，Dev工具向我显示窗口width
是1281px
当我将两个部分元素的高度
降低到低于窗口当前高度
的值时，例如300px
，水平滚动条消失，主体宽度
显示为1281px
我也在页面上应用了css重置
这是什么原因造成的？如何预防
section#sec1{
background: orange;
}
section#sec2{
background: pink;
}
section{
display: block;
margin:0px auto;
width:1280px;
height:800px;
}
<section id="sec1">Some content</section>
<section id="sec2">Other content</section>
您可以使用以下方法删除水平滚动条：
overflow: hidden;
这可能会阻止您面临的问题。请发布您的所有CSS（例如，您使用的重置是什么？）。更好的是，您能创建一个JSFIDLE吗？很明显，问题不是你发布的CSS/HTML，但除非我们能看到它，否则不可能说出问题所在。这可能的重复并不能解释为什么会发生水平滚动（当问题缺少信息时，这是非常困难的）。
overflow: hidden;