負邊距在讓元素產生偏移時和position: relative有什么區別?

負邊距讓元素產生偏移時，元素在文檔流中的位置也會發生變化

position:relative讓元素發生偏移時，其原來的位置依然保留

使用負 margin 形成三欄布局有什么條件?

1.中間寬度自適應，兩邊寬度固定。

2.三欄都要浮動。

3，中間欄優先渲染。

圣杯布局的原理是怎樣的? 簡述實現圣杯布局的步驟

圣杯布局要求三欄布局，中間寬度自適應，兩邊寬度固定

圣杯布局：用到浮動，定位，負邊距，不添加額外標簽。

步驟一1.中間部分需要根據瀏覽器寬度的變化而變化，所以要用100%，這里設左中右向左浮動，因為中間100%，左層和右層根本沒有位置上去

步驟二：利用負邊距，把左右欄定位

步驟三：給外層加padding了

采用相對定位方法，各自相對于自己把自己挪出去

雙飛翼布局的原理? 實現步驟?

設置三個DIV的順序為：中左右，且都向左浮動

2.設置中DIV的寬度為100%

3.設置左DIV的左負邊距為-100%，設置右DIV的左負邊距為-右元素寬度

4.中DIV添加一層DIV，設置左邊距為左元素寬度，右邊距為右元素寬度