一、html
二、css
左:
右:
左右分別設為絕對定位,position:absolute;分居左右兩側(cè)。left:0,左側(cè),right:0,右側(cè)。均設top:0,是讓三欄頂部齊平。
中:
中——外層
外層設寬度100%,左右pading的大小與左右兩欄的寬度分別一致。外層設置box-sizing:border-box,是讓pading的大小包含在指定尺寸的盒子里。例如:設寬度100px,pading-left:10;默認情況下,該盒模型寬度為:100+10;但設置box-sizing:border-box后,盒模型寬度為:100,pading就包含在設定的寬度內(nèi)。
中——內(nèi)層
內(nèi)層塊級元素(無行業(yè)元素和塊級元素的概念可另外科普下)會繼承父級元素除去pading的大小。實際的中間一欄寬度即外層寬度除去左右pading(左右pading也就是左右兩欄的寬度)的寬度。