首先閱讀： CSS布局 -- 圣杯布局 & 雙飛翼布局
關(guān)鍵點(diǎn)總結(jié)：
width:100%是基于父元素內(nèi)容區(qū)域的寬度文捶，無論其父元素的box-sizing屬性值是content-box、border-box還是padding-box
研究圣杯布局會(huì)有一個(gè)疑問混埠，為什么讓left的margin-left的值為-200px（或-210px）的時(shí)候梁棠，left會(huì)覆蓋到main上面，不應(yīng)該是在padding-right的那部分區(qū)域嗎？
答：其實(shí)main惜论、left、right這三塊float以后止喷，應(yīng)該在一行內(nèi)馆类，但是因?yàn)閙ain的寬度設(shè)為了100%，把left給擠的貌似到了下一行弹谁，但本質(zhì)上乾巧，left與main的邊界是挨在一起的
