鍍金池/ 問答/HTML/ BFC 的一個疑問

BFC 的一個疑問

BFC 有一個特性：BFC容器里面的子元素不會影響到外面的元素，反之亦然；

然而如下圖，藍(lán)色盒子為左浮動，橘色盒子沒有浮動。藍(lán)色盒子影響了橘色盒子，遮蓋了橘色盒子，還使得橘色盒子的內(nèi)容向右挪了100px。與上述特性描述不符，為什么呢，我是不是理解錯了？

圖片描述

代碼：

<style>
  body {
    width: 300px;
  }
  .aside {
    width: 100px;
    height: 150px;
    float: left;
    background: blue;
  }
  .main {
    height: 200px;
    background: orange;
  }
</style>
<body>
  <div class="aside">左浮動</div>
  <div class="main">沒浮動</div>
</body>
回答
編輯回答
尐懶貓

BFC容器里面的子元素不會影響到此容器外面的元素

2018年3月7日 15:10