CSS - Only Horizontal Overflow?

Question

Is it possible to achieve only horizontal overflow in CSS 2.1?

overflow: auto;

Will cause a block element to have both horizontal and vertical scrollbars. I want a block element (let's say <div>) which will display only horizontal scrollbars. How do I do that?

score 50 · Accepted Answer · answered Aug 26 '09 at 18:22

50

Try overflow-x: auto;

It even works in IE6!

answered Aug 26 '09 at 18:22

Cᴏʀʏ

105,112
20
162
194

For FF you can use `overflow: -moz-scrollbars-horizontal;` -- I'm not sure about Webkit. – Cᴏʀʏ Aug 27 '09 at 02:59
Although Mozilla claims that it will work in FF as low as version 1.5. https://developer.mozilla.org/en/CSS/overflow-x – Cᴏʀʏ Aug 27 '09 at 03:01

score 6 · Answer 2 · edited Oct 11 '19 at 10:16

6

I tried overflow-x: hidden; and that worked for me.

edited Oct 11 '19 at 10:16

EstevaoLuis

2,422
7
33
40

answered Aug 06 '13 at 16:36

Bikram Shrestha

2,010
24
22

score 5 · Answer 3 · answered Jul 29 '22 at 20:53

5

overflow-x: clip;

Was what I needed

answered Jul 29 '22 at 20:53

Fractal Mind

405
4
10

CSS - Only Horizontal Overflow?

3 Answers3

Linked