以下HTML、CSS代码,为什么会出现垂直滚动条

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>

        * {
            margin: 0px;
            padding: 0px;
        }

        html, body {
            display: inline-block;
            height: 100%;
        }

        .wrapper {
            width: 300px;
            height: 300px;
            background-color: indianred;
        }
    </style>
</head>
<body>
    <div class="wrapper"></div>
</body>
</html>
回复
阅读 1.6k
2 个回答

https://stackoverflow.com/que... 可以看一下这里面回答的
在你源代码上加上 html, body { ; ; vertical-align: bottom;} 滚动条也会消失, 或者去掉display:inline-block; 默认是block 滚动条也会消失

你把` html, body {

        display: inline-block;
        height: 100%;
    }`
    display: inline-block; 去掉就好
推荐问题
宣传栏