html - 溢出 : auto is messing up the width of my window

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 这样，你的滚动条就会一直在那里并且你的可用宽度不会改变.