快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 解释淘宝店铺二级页面如何使用全屏

解释淘宝店铺二级页面如何使用全屏

放大字体  缩小字体 发布日期:2024-04-16 07:32:58  来源:电商联盟  作者:乐发网  浏览次数:25

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

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

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

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

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 解释淘宝店铺二级页面如何使用全屏

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝店铺装修如何实现全屏轮播 淘宝装修子账号设置流程
7个步骤打造史上最牛详情页 淘宝店铺,天猫店铺背景固定的方法。
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问