负边距、三栏布局

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!
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容