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

高度塌陷的含义：

　父元素的高度，默认被子元素撑开，目前来讲box2多高，box1就多高。此时如果子元素设置浮动，则会导致其完全脱离文档流，子元素脱离文档流将无法撑开父元素， 导致父元素的高度丢失，就是我们说的高度塌陷问题。父元素一旦高度塌陷，则它下边的元素会向上移动， 导致整个页面的布局混乱 。

定位(position)：

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

　　relative:相对定位就是在自己原先的位置上进行定位，没有脱离文档流，还占着原先的位置，比如设置position:relative,left:2px;top:2px,这个意思是在原来的位置上往左移动了2个px,往后面移动了2px

　　absolute:绝对定位就是相对于已经定位的兄弟元素或者父元素

　　fixed:固定定位，相当于固定在浏览器的某个位置。