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

发布于
2018-11-20

更新于
2018-11-20

<!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>

css html

阅读 2.4k

2 个回答

得票最新

你好路人甲

44549

发布于
2018-11-20

✓ 已被采纳

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

美丽的e具磨叽

35518

发布于
2018-11-20

你把` html, body {

        display: inline-block;
        height: 100%;
    }`
    display: inline-block； 去掉就好

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

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

你尚未登录，登录后可以

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？

图片沿着圆环的转动有什么方法吗？

flex相关 flex: 1的子元素如何宽度能100%且不溢出？

CSS如何巧妙实现标题居中、关闭按钮居右效果？

js阻止冒泡问题？

Scss的rgba()方法无法对变量进行二次编译？