Wie kann ich es gültig machen, damit eine Webseite y aber nicht x scrollen kann?

Question

Ich versuche, eine Web-Seite mit 100% mit div mit Padding zu machen, aber wenn ich dies tue, ich am Ende mit einer horizontalen Bildlaufleiste. Also füge ich einen Überlauf hinzu: versteckt im Körper, um es zu reparieren, aber es verhindert, dass ich auf der y-Achse scrollen kann. Wie kann ich also nur die x-Achse überlaufen lassen: versteckt?

Answer 1

Sie müssen nicht mit den Bildlaufleisten Verwirrung. Erstellen Sie einfach eine weitere div in der aktuellen für padding.

[Demo]

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

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

Answer 2

versuchen Überlauf-x: versteckt; Dies sollte funktionieren