关于CSS中触发bfc之前的问题和bfc的特性疑问

网上都是介绍bfc的，那么触发bfc之前是什么情况呢
bfc特性之一：每个元素的margin box的左边， 与包含块border box的左边相接触。
但是下面这种情况貌似就不符合了啊，浮动的子元素不就把父级与另一个子级分开了吗，难道我理解偏了，求大大解惑

 <div style="width: 100%; height: 400px; background-color: green;overflow: hidden;">
    <div style="float: left; width: 200px; height: 300px; background-color: yellow;"></div>
    <div style="background-color: pink; height: 100%; overflow: hidden;"></div>
</div>

你的