美文网首页
负边距、三栏布局

负边距、三栏布局

作者: StarLikeRain | 来源:发表于2016-07-09 09:00 被阅读27次

    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!

    相关文章

      网友评论

          本文标题:负边距、三栏布局

          本文链接:https://www.haomeiwen.com/subject/adjrjttx.html