解释淘宝店铺二级页面如何使用全屏
7610人阅读
  •  1.全屏的原理是什么?  2.C店二级页面和首页在结构上有什么区别呢?
    首先看第一个问题:如何全屏? 在CSS定位中,绝对定位(absolute)能够突破父级元素溢出隐藏(overflow:hidden)的限制,脱离文档流而显示出来。所以我们经常做全屏的原理,就是使用绝对定位属性来制作,非常简单,我的课程中也讲过很多遍了。
    但是,有一种情况,绝对定位是不能够突破父级元素的限制的。 也就是1.父级元素有定位 2.父级元素设置了宽度 3.父级元素设置了溢出隐藏   ,当这三个限制因素同时存在的时候,绝对定位就无能为力了。这也就是为什么页头无法突破150px高和C店二级页面不能全屏的原因。

    那我们现在来看一下,C店首页和二级页面的区别。
    首页      二级页  

    可以很明显看到,首页和二级页面都有相对定位和溢出隐藏,不同的地方是,首页的宽度是100%;而二级页面的宽度950px。
    看到这里,大家应该明白C店二级页面为什么不能全屏了吧?
    当然天猫店铺的首页和二级页的宽度都是100%,所以都可以全屏。

    那如果需要C店二级页面全屏的话,只需要将C店二级页面的宽度改成100%就可以了。如下图
     

    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

    ©Copyright ©2007-2017 www.kaitao.cn (开淘网) All Rights Reserved