负边距、三栏布局

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!
上一篇下一篇

猜你喜欢

热点阅读