以前给大家分享过一个淘宝店铺装修1920px通栏代码，主要是调用了淘宝的JS Widget组件，而且是幻灯片的效果，但是如果我们只是单纯的想实现宽屏通栏的效果，而代码量又不需要太多，我们可是使用淘宝已经定义的CSS类来解决，此模块只有短短不到十行代码，并且未调用任何JS Widget组件，完全纯CSS实现。
对于宽屏的代码定位问题，首先我们要脱离文档流的，最主要的就是Position属性，懂一点网页技术的人都知道这是设置元素定位的，对于这个属性详细的介绍，您可以看看我的另一篇文章：CSS中HTML元素定位Position参数可选值详解，其次利用负边距来移动元素的相对父级元素的，对于这段话你可能不太理解，没关系你可以看看这篇文档：使用CSS处理网页布局居中问题。
淘宝里面有一个footer-more-trigger的类，这个类设置的相对定位的属性，我们可以使用这个类达到我们想要的效果。
事实上，我们只需要用到这个class里的position:absolute绝对定位属性，其它的是我们不需要的，可能会有朋友说了，那我们自己写一个绝对定位不就行了，干嘛非要调用这个class？如果我们自定义能用这个属性，那我就不用搞的这么复杂了，淘宝在保存代码的时候，会自动过滤掉关于定位的代码。
学过HTML、XHTML的，应该都知道CSS的加载顺序为：行内样式－内部样式－外部样式，其中行内样式优先级最高，所以我们在代码中加入 style=”top:auto;border:none;padding:0;” 将会被加载，而不会再去加载模板自带的CSS样式。
PS：其实不必非得要用footer-more-trigger这个类，任何拥有Position定位的且不会被淘宝自动过滤掉的类，我们都可以利用。
根据的代码，可能你也看出来了，A标签定义了一个1920px的宽度和A标签父元素的左侧负距离，这个值刚好的两倍的关系，根据的代码，我们也能得出下面的代码。
同样有一个position:absolute属性，我们就可以使用这个类给我们添加全屏的效果。
推荐：