三欄佈局總結--浮動/絕對/flex/grid網格/table表格/雙飛翼/聖盃

本篇博客所有的代碼均在github上： https://github.com/zuxian/ 高度已知，其中左欄、右欄寬度已知，中間自適應 1，浮動佈局 什麼是父元素高度塌陷： 在文檔流中，父元素的高度默認是被子元素撐開的，也就是子元素多高，父元素就多高。但是當子元素設置浮動之後，子元素會完全脫離文檔流，此時將會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷。 浮動佈局的優點：簡單，兼容性也

>>阅读原文<<