html - 溢出:自动滚动条和动态宽度

Question

我有一个基于内容的宽度框(position:absolute)。但是“overflow-y: auto”插入了一个滚动条，它不像“overflow-y: scroll”那样使容器变宽。我需要自动溢出和自动宽度，包括滚动条。有解决办法吗？

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

http://jsfiddle.net/mw552cxf/

Answer 1

尝试将 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