为什么下面的布局始终会出现垂直滚动条

新手上路,请多包涵
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>demo</title>
    <style type="text/css">
    html, body {
        height: 100%;
        margin:0px;
        padding:0px;
    }
    #test {
        width: 200px;
        height: 200px;
        margin: 60px auto 20px;
        border: 1px solid #ddd;
        background-color: #f00;
    }
    </style>
</head>
<body>
    <div id="test">demo</div>
</body>
</html>
阅读 3.3k
1 个回答

这叫做外边距合并,属于父元素与第一个/最后一个子元素的情形.
你可以用如下代码取消边距合并

cssbody {
    overflow:hidden;
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题