html - 溢出：自动弄乱了我的窗口的宽度

Question

Css 是这样的：

#mylog{
    background-color: white;
    border-style: solid;
    border-color: rgb(154,154,154);
    overflow: auto;
    width: 100%;
    height: 100%;
}

只要我把'溢出：自动;' 宽度变小了。我不知道为什么一个标签会克服另一个标签。请帮忙。

Answer 1

当#mylog元素的框高度溢出时，您的overflow:auto声明将强制浏览器生成一个垂直滚动条，该滚动条将使用一些可用宽度的像素。

如果您不希望在溢出时更改可用宽度，则应使用overflow:scroll，这样，您的滚动条将一直存在并且您的可用宽度不会改变。