带有边框HTML CSS的可滚动div [重复]

【问题标题】：scrollable div with border HTML CSS [duplicate]带有边框HTML CSS的可滚动div [重复]
【发布时间】：2016-09-05 08:38:19
【问题描述】：

如何编写可滚动的 div 代码？完美搭配蓝色边框。

有没有办法编码？

就像一个窗口中的一个窗口 -> 两个滚动条

【问题讨论】：

标签： html css

【解决方案1】：

我不知道你的 div 的 id，但我的是 box。

将此添加到您的代码中：

#box {
    width: 1620px;
    margin-right: auto;
    margin-top: 20px;
    background-color: white;
    box-shadow: #254C58 1px 0px;
    border: #3C7D91 5px double; 
    padding: 10px 10px 10px 10px;
    overflow-y: scroll;
    max-height: 433px;
}

【讨论】：

他要了两个滚动条，所以只需要溢出：滚动
@oz2311 太好了，谢谢！！
没问题@JSProgrammer11

【解决方案2】：

如果您想水平滚动，请将overflow-x:scroll 添加到您的 CSS 中，当您的 div 扩展超过其定义的宽度时，它将变为可滚动的。

相反，应添加overflow-y:scroll 以允许在相同情况下垂直滚动。

【讨论】：