带溢出的<body>:滚动行为不符合预期

Cai*_*aio 0 html css

查看以下图像和代码:

在此输入图像描述

<!doctype html>

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

    <body></body>
</html>
Run Code Online (Sandbox Code Playgroud)

overflow: scroll刀片滚动元件的内部吧,但是<body>元素不占据整个网页,什么是错的滚动条?

谢谢

JCO*_*611 9

overflow:scroll将添加滚动条,无论身体是否大于窗口.你可能正在寻找overflow:auto;