高度塌陷的含義：

　父元素的高度，默認被子元素撐開，目前來講box2多高，box1就多高。此時如果子元素設置浮動，則會導致其完全脫離文檔流，子元素脫離文檔流將無法撐開父元素， 導致父元素的高度丟失，就是我們說的高度塌陷問題。父元素一旦高度塌陷，則它下邊的元素會向上移動， 導致整個頁面的布局混亂 。

定位(position)：

　　定位一共有4種：relative,absolute,fixed,static

　　relative:相對定位就是在自己原先的位置上進行定位，沒有脫離文檔流，還占著原先的位置，比如設置position:relative,left:2px;top:2px,這個意思是在原來的位置上往左移動了2個px,往後面移動了2px

　　absolute:絕對定位就是相對於已經定位的兄弟元素或者父元素

　　fixed:固定定位，相當於固定在瀏覽器的某個位置。

html高度塌陷以及定位的理解