Question

请查看以下图片和代码：

enter image description here

<!doctype html>

<html>
    <head>
        <style>
            body {
                border: 1px solid red;
                padding: 20px;
                overflow: scroll;
            }
        </style>
    </head>

    <body></body>
</html>

overflow: scroll在元素内插入滚动条，但<body>元素不占用整个网页，滚动条有什么问题？

由于

Answer 1

无论身体是否大于窗口，

overflow:scroll都会添加滚动条。您可能正在寻找overflow:auto;

Answer 2

body标记是一种特殊情况。无论body的“大小”如何，应用于body标记的大多数样式规则都适用于整个窗口。对于您想要的行为（框内的滚动条），您需要在div内使用body或其他一些块级元素。

Answer 3

您需要使用overflow: auto;代替overflow: scroll; 在这里查看。 http://jsfiddle.net/w6B6z/

Answer 4

身高未设定为100％。即使将身高设置为100％，为了使其正常工作，您需要在CSS中调用一些项目以使其全部通过浏览器工作。

Look to 100% Height Layout Using CSS了解详情。

溢出：滚动不按预期运行

4 个答案: