Horizontal overflow

[Maurice79]

I know there is vertical overflow just like here[ur] but is it also possible to overflow horizontal like here?

[haku]

Gonna have to repost that mate.

[dropfaith]

overflow-y: auto

overflow-x: auto

 

These properties specify whether content is clipped when it overflows the element's content area. It affects the clipping of all of the element's content except any descendant elements (and their respective content and descendants) whose containing block is the viewport or an ancestor of the element. ‘Overflow-x’ determines clipping at the left and right edges, ‘overflow-y’ at the top and bottom edges.

 

‘Overflow’ is a shorthand. If it has one keyword, it sets both ‘overflow-x’ and ‘overflow-y’ to that keyword; if it has two, it sets ‘overflow-x’ to the first and ‘overflow-y’ to the second. Keywords have the following meanings:

 

visible

    This value indicates that content is not clipped, i.e., it may be rendered outside the content box.

hidden

    This value indicates that the content is clipped and that no scrolling mechanism should be provided to view the content outside the clipping region.

scroll

    This value indicates that the content is clipped and that if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When this value is specified and the target medium is ‘print’, overflowing content may be printed.

auto

    The behavior of the ‘auto’ value is UA-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.