首先給定兩個盒子`
設定盒子樣式為：
.box1
.box2
用浮動可以解決盒子間隙問題但是會造成高度塌陷，也就是outer的盒子沒高度了。此時使用內牆法可以解決。
在給定的盒子裡面再加乙個盒子如：
然後給這個盒子指定樣式如
.outer .clearfix
這樣就會解決高度塌陷問題啦。
第二種方法：父元素新增：overflow: hidden;`
.outer
.box1
.box2 `
直接匯入如下**：
.clearfix:before,.clearfix:after
.clearfix:after
.clearfix `
盒子如下：
以上就是解決高度塌陷問題的方法啦。
CSS 浮動，高度塌陷和BFC，清除浮動
通過浮動，可以使乙個元素向其父元素的左側或右側移動，使用 float 屬性來設定元素的浮動 可選值 注意 未設定浮動 設定浮動 浮動的特點 浮動元素會完全脫離文件流，不再佔據文件流中的位置 設定浮動以後元素會向父元素的左側或右側移動 浮動元素預設不會從父元素中移出 浮動元素向左或向右移動時，不會超過...
css清除浮動定位造成的異常
清除浮動是為了解決高度塌陷的問題 內層有好幾個div有寬有高，並且選擇了浮動定位，但是外層的div卻並沒有設定寬高。在非ie瀏覽器 如firefox 下，當容器的高度為auto，且容器的內容中有浮動 float為left或right 的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得...
css清除浮動定位造成的異常
清除浮動是為了解決高度塌陷的問題 內層有好幾個div有寬有高，並且選擇了浮動定位，但是外層的div卻並沒有設定寬高。在非ie瀏覽器 如firefox 下，當容器的高度為auto，且容器的內容中有浮動 float為left或right 的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得...