Erzwinge, dass der Inhalt horizontal fließt

Question

Ich möchte den Inhalt einer vertikal vertikal zentrierten Box horizontal anstatt des normalen vertikalen Flusses, der nach oben oder unten scrollen muss, erzwingen.

#outerbox { 
    height: 100%; 
    overflow: hidden; 
    position: relative; 
} 

/* Creating 2% margin on left & right then 3% on top and bottom */ 
#innerbox { 
    height: 94%; 
    margin: 0 2%; 
    margin-top: -47%; 
    position: absolute; 
    top: 50%; 
} 

#content { 
    height: 100%; 
    min-height: 100%; 
} 

---

<div id="outerbox"> 
    <div id="innerbox"> 
    <div id="content"> 
     Content goes here... 
    </div> 
    </div> 
</div> 

Das Problem ist, wenn ich das Browser-Fenster Größe ändern, statt rechts fließt und haben horizontale Scrollbalken bewegt sich der Inhalt über die zentrierte Box nach unten. Ratschläge was ich falsch mache und Lösung? Hier

Answer 1

ist ein Beispiel eines horizontal-Scrolling-Bereich mit Elementen im Inneren zu schaffen:

http://jsfiddle.net/6PupD/

Der Trick ist das rollbare Behälter eine Breite, die kleiner als das Objekt Behälter hat. Sie müssen die Breite des Objektcontainers groß genug für alle Elemente festlegen.

Hoffe, das hilft.

Bob