做过淘宝、天猫店铺装修的同志，一定会面临尴尬的问题。 为什么当地写的代码放在店铺里，就不能全屏显示吗？ 只能显示950像素或990像素的宽度吗？ (这个问题很多人可能知道，但很多人可能不知道，所以决定写教程帮助大家。)

有同志要问了，米色老湿你的全屏代码跟别人的全屏代码哪里不一样呢？

因为我知道淘宝和天猫的店铺版本不一样，所以代码有时会不一样。 我的全屏代码是天猫和天猫通用的。 另外，无论内容的宽度如何，都可以实现完整的全屏中央显示。 而且很容易使用。 闲话不多说，进入正题：

一：为什么店铺里面不能全屏

在上图的代码中，可以看到定制模块框架中名为skin-box-bd的class兄弟有两种样式的width:750px。 overflow:hidden；

同志有想问的事情，这有什么问题。 上面两种样式意味着750px宽； 溢出来藏起来。 顾名思义就是放入定制模块中的内容，如果宽度超过750，超过的部分就会被遮住，当然就不能全屏了。

二：解决思路

在谈思路之前，先说一句，只能在全屏店铺中使用定位来实现。 但是，淘宝上不允许店铺内的商家使用定位(相对定位除外)和外距离的负值。 那需要仔细考虑如何实现。 它利用双重定位功能，将需要全屏的内容移动两次，以获得全屏效果

三：具体实现代码

div class=’miseu’ style=’height :【高度2】px；’

div

class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :

绝对； left: 50%； top: auto； width: 0； height: inherit； border: 0

垫： 0； background: transparent； ‘ ‘

div

class=’ footer-more-trigger most-footersn-simple-logo ‘ style=’ position :

绝对； left: -【店铺类型】px； top :【到下边的距离】px； width: 1920px； height :【高度】px；

border: 0px； padding: 0px； background: transparent； ‘ ‘

divclass=’ clearfix j _ t构件’ style=’ margin:0 auto； width【宽度】px； height :【高度】px；’ data-source=’乐发网www.kxphy.com‘

【内容】

/div

/div

/div

/div

参数剖析：

【高度2】:【高度】-【下冲】

【店铺类型】:天猫店和淘宝专版在这里修改为960

【到下边的距离】:定制模块之间的距离，天猫和淘宝的专业版在这里写10，基础版店铺在这里写20。 如果不需要消除定制模块之间的距离，则写0

【高度】:需要全屏的内容的整体高度

【宽度】:需要全屏内容的整体宽度

【内容】:这里用需要全屏的代码替换

注意：替换时【】这个括号也一起替换了

四：拓展说明

虽然写得很清楚，但可能有些同志还是觉得麻烦，所以我又专门按照说明添加了内容，制作了在线生成工具，点击按钮自动生成所需的代码。 工具地址(复制目标在浏览器中打开) )。