雙飛翼布局和聖杯布局都採用了浮動，以及在中間的那個盒子需要放在第乙個。
聖杯布局採用的是相對定位(position:relative;)和浮動(float:left;)
聖杯布局**:
left
right
雙飛翼布局採用的是浮動(float:left;)
雙飛翼布局：在中間的那部分新增內容需要在裡面在寫乙個盒子，然後對盒子設定margin-left:200px;(左邊的盒子寬度),margin-right:220px;(右邊盒子的寬度)，這樣寫的內容才不會被兩邊盒子擋住，還需要設定字換行word-break: break-all;
雙飛翼布局**：
left
right
內容參考：
聖杯布局 雙飛翼布局
前言 上班划水偷空了解了一下聖杯布局和雙飛翼布局，一聽這兩個名字，覺得不明覺厲，其實就是三欄布局，左右兩邊的盒子寬度固定，中間的盒子寬度自適應。以下內容均是總結網際網路上別人的文章。覺得有意思就記錄一下。聖杯布局，方法一 container middle left right style head ...
聖杯布局和雙飛翼布局
雙飛翼布局和聖杯布局其實是我們經常會在 中看到的經典的三欄式布局，即中間是主要內容main content，然後是左邊側欄，一般是 的分類資訊，右邊欄就是一些附屬功能，最典型的例子就是 和京東。main main son left right 上面就是雙飛翼布局的html 結構非常清晰，分為main...
聖杯布局和雙飛翼布局
一 聖杯布局 重點 content的padding，left的margin left和left值，right的margin left和right值 lang en charset utf 8 聖杯布局title header content content main content left,con...