Overflow: auto scrollbar and dynamic width

Question

I have a box with content-based width (position: absolute). But "overflow-y: auto" inserts a scrollbar that doesn't make container wider unlike the "overflow-y: scroll". I need auto overflow and auto width including scrollbar. Is there a solution?

.container {
    position: absolute;
    max-height: 100px;
    overflow-y: auto;
}

http://jsfiddle.net/mw552cxf/

ZEE · Accepted Answer · 2015-03-13 14:54:36Z

1

try to add overflow: hidden; to each item :

.item {
    border: 1px solid blue;
    overflow: hidden;
}

Edit : ok so the solution who sweets your need wold be this , use word-wrap:

.item {
    border: 1px solid blue;
    word-wrap: break-word;
}

Live Demo

Live Demo 2nd solution

edited Mar 13, 2015 at 14:54

answered Mar 13, 2015 at 14:43

ZEE

5,8994 gold badges41 silver badges55 bronze badges

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

2 Comments

wrager Over a year ago

Then their content is cut

wrager Over a year ago

Breaking words doesn't suit me :)

Anjula Ranasinghe · Accepted Answer · 2015-03-13 14:41:48Z

0

How about adjusting the width of .container in the CSS?

answered Mar 13, 2015 at 14:41

Anjula Ranasinghe

5821 gold badge9 silver badges25 bronze badges

1 Comment

wrager Over a year ago

No, i need dynamic content-based width

Collectives™ on Stack Overflow

Overflow: auto scrollbar and dynamic width

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related