負(fù)邊距在讓元素產(chǎn)生偏移時和position: relative有什么區(qū)別?
負(fù)邊距讓元素產(chǎn)生偏移時,元素在文檔流中的位置也會發(fā)生變化
position:relative讓元素發(fā)生偏移時,其原來的位置依然保留
使用負(fù) margin 形成三欄布局有什么條件?
1.中間寬度自適應(yīng)钮莲,兩邊寬度固定砰盐。
2.三欄都要浮動闷袒。
3,中間欄優(yōu)先渲染岩梳。
圣杯布局的原理是怎樣的? 簡述實現(xiàn)圣杯布局的步驟
圣杯布局要求三欄布局囊骤,中間寬度自適應(yīng),兩邊寬度固定
圣杯布局:用到浮動冀值,定位也物,負(fù)邊距,不添加額外標(biāo)簽列疗。
步驟一1.中間部分需要根據(jù)瀏覽器寬度的變化而變化滑蚯,所以要用100%,這里設(shè)左中右向左浮動抵栈,因為中間100%告材,左層和右層根本沒有位置上去
步驟二:利用負(fù)邊距,把左右欄定位
步驟三:給外層加padding了
采用相對定位方法古劲,各自相對于自己把自己挪出去
雙飛翼布局的原理? 實現(xiàn)步驟?
設(shè)置三個DIV的順序為:中左右斥赋,且都向左浮動
2.設(shè)置中DIV的寬度為100%
3.設(shè)置左DIV的左負(fù)邊距為-100%,設(shè)置右DIV的左負(fù)邊距為-右元素寬度
4.中DIV添加一層DIV产艾,設(shè)置左邊距為左元素寬度疤剑,右邊距為右元素寬度