负边距与三栏布局

圣杯布局：http://js.jirengu.com/zebuneboti/2/edit
双 飞 翼 ：http://js.jirengu.com/zewokaface/1/edit

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

• position：relative 保留原位置，对后面的元素不产生影响。
• 负外边距，自身移动，并影响后面的元素。

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

1.针对于浮动元素（否则不会到上面一行去）
2.两侧div位置随意，但中间的必须在第一个
3.main 宽度100%

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

第一步：1+2个div,div1宽度100%，另外两个固定宽度，全部浮动
第二步：父元素设置左右padding
第三步：div23设置负边距，使在padding的位置
第四部：position移动位置。

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

第一步：1+2个div,div1宽度100%，另外两个固定宽度，全部浮动
第二步：div23设置负边距
第三步：div1中添加一个mian并设置左右margin
版权归本人和饥人谷所有转载请标明出处