主要在于解決中間內(nèi)容沒(méi)有自動(dòng)換行問(wèn)題
1、圣杯的解決方式：在bd設(shè)置左右padding，然后sub和extra設(shè)置relative，按照自身寬度相對(duì)偏移

<div id="bd">         
    <div class="main"></div>     
    <div class="sub"></div>        
    <div class="extra"></div>  
</div>

2、雙飛翼布局：
main的寬度設(shè)置為100%，main-content設(shè)置左右margin，為sub和extra留出空間

<div id="main" class="column">
    <div id="main-content">#main</div>
</div>
<div class="sub"></div>    
<div class="extra"></div>