Как мне сделать так, чтобы веб-страница могла прокручивать y, а не x?

Question

Я пытаюсь создать веб-страницу со 100% с div с отступом, но когда я делаю это, я получаю горизонтальную полосу прокрутки.Поэтому я добавляю переполнение: скрытое для тела, чтобы исправить это, но оно не дает мне прокручиваться по оси Y.Итак, как я могу получить переполнение только оси X: скрыто?

Answer 1

Вам не нужно возиться с полосами прокрутки. Просто создайте еще один div в текущем для padding.

[ Демо ]

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

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

Answer 2

try overflow-x: скрыто;Это должно работать