overflow：hidden

div平級

（1）<div style="border:solid 1px #006600; width:300px; height:300px; float:left;"></div>

        <div style="border:solid 1px #006600; width:200px; height:200px; background-color:#060"></div>

第一個div設置了浮動，那麼這個div就不在正常的層中了，那麼你的第二個div在放置的時候相當於第一個div根本就不存在的，所以會放置在最左邊

      （2）  <div style="border:solid 1px #006600; width:300px; height:300px; float:left;"></div>

        <div style="border:solid 1px #006600; width:200px; height:200px; background-color:#060; overflow:hidden"></div>

overflow屬性的作用就是在前邊浮動元素位置的後面放置自己，就是把第一個div的位置給讓出來，從第一個位置之後顯示

div父子級別

父級元素設置了固定的寬高（添加了overflow：hidden），子級寬高大於父級，會隱藏子級的寬高，

<div style="border:solid 1px #333; width:200px;height：hidden； float:left;overflow:hidden">
        <div style="border:solid 1px #006600; width:300px; height:300px; background-color:#060; "></div></div>

若父級未設定高度 ，會由子級高度撐開

<div style="border:solid 1px #333; width:200px; float:left;overflow:hidden">
        <div style="border:solid 1px #006600; width:300px; height:300px; background-color:#060; "></div></div>