Html 如何有效地使网页可以滚动y而不是x？

我试图创建一个带有100%带填充的div的网页，但当我这样做时，我最终得到了一个水平滚动条。所以我添加了overflow:hidden到bod来修复它，但是它阻止我在y轴上滚动。那么，如何才能使x轴溢出：隐藏？

尝试溢出-x:hidden；这应该可以工作，你不需要弄乱滚动条。只需在当前分区中为填充创建另一个

div

[]

<style>
#outer { width:100%; } 
#inner { padding:50px; }
</style>

<div id="outer">
    <div id="inner">100% width with padding</div>
</div>

#外部{宽度：100%；}
#内部{padding:50px；}
100%宽度，带衬垫

这是可行的，但根据validator的说法，它不是有效的css：（它是CSS3属性。您真正应该做的是按照galambalazs的说法重新构造HTML/css。