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?

Cᴏʀʏ · Accepted Answer · 2009-08-26 18:22:51Z

51

Try overflow-x: auto;

It even works in IE6!

answered Aug 26, 2009 at 18:22

Cᴏʀʏ

108k20 gold badges169 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Cᴏʀʏ Over a year ago

For FF you can use overflow: -moz-scrollbars-horizontal; -- I'm not sure about Webkit.

Cᴏʀʏ Over a year ago

Although Mozilla claims that it will work in FF as low as version 1.5. developer.mozilla.org/en/CSS/overflow-x

Fractal Mind · Accepted Answer · 2022-07-29 20:53:38Z

8

overflow-x: clip;

Was what I needed

answered Jul 29, 2022 at 20:53

Fractal Mind

4925 silver badges13 bronze badges

Comments

EstevaoLuis · Accepted Answer · 2019-10-11 10:16:03Z

6

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

edited Oct 11, 2019 at 10:16

EstevaoLuis

2,5887 gold badges36 silver badges43 bronze badges

answered Aug 6, 2013 at 16:36

Bikram Shrestha

2,07024 silver badges23 bronze badges

Collectives™ on Stack Overflow

CSS - Only Horizontal Overflow?

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related