2016.10.29

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

• 负边距：元素在文档流中的位置产生了变化，不仅显示的产生了变化。
  -position：relative：元素在文档流中的位置不变，只是显示的位置发生了变化。

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

注意一下几点，容易出错（我就犯过）

• 侧边栏必须固定宽度，中间栏为自适应
• 三栏都需要浮动
• 最外层包裹容器，需要请浮动

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

通过三个区块的浮动，负边距的设置，相对定位的设置，显示的成为两个侧边栏一个主区域的样式。
先设置三个并列的宽元素浮动，再对两个边栏元素设置负的外边距。最后进行相对定位即可。同时别忘了对最外层包裹元素清浮动。

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

在中间栏中增加一个内部块,代替父元素的作用.增加或减少侧边距,可以创建不同的两栏布局或三栏布局.