溢出：自动滚动条和动态宽度

Question

我有一个基于内容的宽度（位置：绝对）框。但是“overflow-y：auto”会插入一个不像“overflow-y：scroll”那样使容器更宽的滚动条。我需要自动溢出和自动宽度，包括滚动条。有解决方案吗？

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

http://jsfiddle.net/mw552cxf/

Answer 1

如何在CSS调整.container宽度是多少？

Answer 2

尝试添加overflow: hidden;各项目：

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

编辑：确定，所以谁的糖果你需要沃尔德是这样的解决方案，使用word-wrap：

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

Live Demo

Live Demo 2nd solution