负边距，三栏布局

负边距在让元素产生偏移时和position: relative有什么区别?

负边距让元素产生偏移时，元素在文档流中的位置也会发生变化

position:relative让元素发生偏移时，其原来的位置依然保留

使用负 margin 形成三栏布局有什么条件?

1.中间宽度自适应，两边宽度固定。

2.三栏都要浮动。

3，中间栏优先渲染。

圣杯布局的原理是怎样的? 简述实现圣杯布局的步骤

圣杯布局要求三栏布局，中间宽度自适应，两边宽度固定

圣杯布局：用到浮动，定位，负边距，不添加额外标签。

步骤一1.中间部分需要根据浏览器宽度的变化而变化，所以要用100%，这里设左中右向左浮动，因为中间100%，左层和右层根本没有位置上去

步骤二：利用负边距，把左右栏定位

步骤三：给外层加padding了

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

双飞翼布局的原理? 实现步骤?

设置三个DIV的顺序为：中左右，且都向左浮动

2.设置中DIV的宽度为100%

3.设置左DIV的左负边距为-100%，设置右DIV的左负边距为-右元素宽度

4.中DIV添加一层DIV，设置左边距为左元素宽度，右边距为右元素宽度