1.負邊距在讓元素產(chǎn)生偏移時和position: relative有什么區(qū)別?
- 負邊距:元素在文檔流中的位置產(chǎn)生了變化漱办,不僅顯示的產(chǎn)生了變化晌坤。
-position:relative
:元素在文檔流中的位置不變都弹,只是顯示的位置發(fā)生了變化孟辑。
2.使用負 margin 形成三欄布局有什么條件?
注意一下幾點捞蛋,容易出錯(我就犯過)
- 側邊欄必須固定寬度也颤,中間欄為自適應
- 三欄都需要浮動
- 最外層包裹容器伊滋,需要請浮動
3.圣杯布局的原理是怎樣的? 簡述實現(xiàn)圣杯布局的步驟碳却?
通過三個區(qū)塊的浮動,負邊距的設置笑旺,相對定位的設置昼浦,顯示的成為兩個側邊欄一個主區(qū)域的樣式。
先設置三個并列的寬元素浮動筒主,再對兩個邊欄元素設置負的外邊距关噪。最后進行相對定位即可。同時別忘了對最外層包裹元素清浮動乌妙。
4.雙飛翼布局的原理? 實現(xiàn)步驟?
在中間欄中增加一個內(nèi)部塊,代替父元素的作用.增加或減少側邊距,可以創(chuàng)建不同的兩欄布局或三欄布局.