1.負(fù)邊距在讓元素產(chǎn)生偏移時和position: relative有什么區(qū)別?

• 負(fù)邊距使元素發(fā)生偏移時，元素未脫離文檔流，相鄰元素也會受影響。
• position:relative使元素偏移時，只改變自身的位置，其在文檔流中的位置不會改變，不會影響相鄰元素的位置。

2.使用負(fù) margin 形成三欄布局有什么條件?

• 父元素里有三個子元素，都浮動，然后父元素清除浮動。左右欄設(shè)置寬度。
• 左側(cè)欄設(shè)置margin:-100%;
• 右側(cè)欄margin:自身寬度的負(fù)值;
• 中間欄寬度100%，自適應(yīng)

3.圣杯布局的原理是怎樣的? 簡述實現(xiàn)圣杯布局的步驟

原理：利用負(fù)邊距，相對定位來實現(xiàn)。
1.父元素里有三個子元素，都浮動，然后父元素清除浮動。
2.左側(cè)欄設(shè)置margin:-100%;
3.右側(cè)欄margin:自身寬度的負(fù)值;
4.中間欄寬度100%，自適應(yīng)，
5.給左右側(cè)欄一個position:relative；來控制位置。

4.雙飛翼布局的原理? 實現(xiàn)步驟?

原理：給中間的內(nèi)容塊加一個子元素，痛苦設(shè)置margin值形成三欄布局。
1.設(shè)置一個父元素里三個子元素，中間欄寬度自適應(yīng)，左右欄設(shè)置寬度。
2.三個子元素動浮動，父元素清除浮動。
3.左側(cè)欄設(shè)置margin:-100%;，右側(cè)欄margin:自身寬度的負(fù)值;
4.給中間欄加一個子元素，通過設(shè)置左右margin值，形成三欄布局