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

Question

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

Answer 1

使用Overflow-y或overflow-x：auto

Answer 2

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

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/