哇，你好有钱啊

代码如下：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>box-html</title>
    <style type="text/css">
    * {
        margin: 0;
        padding: 0;
    }

    #body-box {
        width: 700px;
        height: 500px;
        background-color: #FF00FF;
        /*overflow:hidden;*/
    }

    .box-style {
        width: 500px;
        height: 300px;
        border: 10px dashed black;
        background-color: red;
        margin: 10px 0 0 20px;
        padding: 10px 10px 10px 10px;
    }
    </style>
</head>

<body>
  <div id="body-box">
    <div class="box-style">你好，可以说说 BFC 相关特性吗？或者有什么学习资料供参阅，谢谢</div>
  </div>
</body>

</html>

//img1.sycdn.imooc.com/59e1abe50001876c07360586.jpg

产生上边距的原因是什么？为什么在#body-box添加overflow：hidden就没事了？

AllySu

浏览 2106回答 3

3回答

橋本奈奈未

margin重叠

1 0

随时随地看视频慕课网APP