我如何有效地制作它，以便网页可以滚动y而不是x？

Question

我正在尝试制作一个100％带有填充div的网页，但是当我这样做时，我最终会得到一个水平滚动条。所以我正在添加溢出：隐藏到生化器以修复它，但它阻止我在y轴上滚动。那么我怎样才能让x轴溢出：隐藏？

Answer 1

您不需要弄乱滚动条。只需在div的当前版本中创建另一个padding。

<强> [Demo]

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

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

Answer 2

尝试overflow-x：hidden;这应该工作