开发者社区> 问答> 正文

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

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

展开
收起
a123456678 2016-05-27 16:55:04 1663 0
1 条回答
写回答
取消 提交回答
  • 这叫做外边距合并,属于父元素与第一个/最后一个子元素的情形.
    你可以用如下代码取消边距合并

    body {

    overflow:hidden;

    }

    2019-07-17 19:18:17
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载