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

时间:2015-03-13 14:36:50

标签: html css overflow

我有一个基于内容的宽度框(位置:绝对)。但是"溢出-y:auto"插入一个不会使容器变宽的滚动条,不像" overflow-y:scroll"。我需要自动溢出和自动宽度,包括滚动条。有解决方案吗?

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

http://jsfiddle.net/mw552cxf/

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

如何调整CSS中.container的宽度?