负边距、三栏布局
2016-07-09 本文已影响27人
StarLikeRain
1、负边距在让元素产生偏移时和position: relative有什么区别?
position:relative是脱离文档流的。
负边距是不脱离文档流的。
2、使用负 margin 形成三栏布局有什么条件?
①三个div都设置浮动。
②中间的内容区必须是第一个子元素。
③两个侧边都是设置负margin来上移。
3、圣杯布局的原理是怎样的? 简述实现圣杯布局的步骤
父元素里面写三个子元素,内容区是第一个子元素,左右侧栏是第二三个子元素,父元素这是左右padding来存放第二三个子元素。
中心内容器宽度是100%,侧边栏要设置好固定的宽度,然后三个子元素都写浮动。
左边写负边距-100%,右边的写负边距(值为右边自身的宽度,)
再写position:relative来弄好左右两边的具体位置。
4、双飞翼布局的原理? 实现步骤?
类似于圣杯布局,不同的是不是用padding,而是在第一个子元素里面再加一个div形成中心内容区的显示,pink
i-believe-i-can-f-l-y!