css - 如何获得动态宽度的滚动条？

Question

我已经给我的项目百分比宽度。但内部的东西有固定的宽度。当浏览器调整大小时，事情发生在 div 之外并且没有滚动条。我能做些什么来解决这个问题？

Answer 1

使用溢出-y 或溢出-x :auto

Answer 2

将包含 DIV 的“溢出”属性设置为“自动”将在需要时显示滚动条。如果您希望它仅适用于水平/垂直方向，您可以分别使用“overflow-x”/“overflow-y”。例如：

CSS

#container {
    width: 50%;
    overflow: auto;

    /* For illustration only */
    border:2px dotted green;
}

#fixedWidth {
    width: 300px;

    /* For illustration only */
    border:2px solid red
}

HTML

<div id="container">
    <div id="fixedWidth">Fixed-width div</div>
</div>

此处的简短说明：http: //jsfiddle.net/ExpertSystem/YhAJk/