电商有关淘宝天猫突破限制的解决办法

 首先先展现一下咱们的淘宝页面和天猫页面

天猫：http://xiaomanyoupin.tmall.com/index.htm

淘宝：http://shop145360663.taobao.com/index.htm

第1、先来讲说天猫的吧！

由于天猫的默认的宽度990px，若是咱们按天猫的要求，在设计和页面的美观方面就有很大的限制。因此就须要咱们突破限制，通常淘宝的页面有两种样式：一种是全屏的样式：1920px，另外一种是本身的内容区：咱们作的是1190px；

固然也能够买天猫服务市场的模板来突破限制：

全屏突破宽度限制的代码：

<div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
　　<div class="sn-simple-logo" style="padding:0px;left:-1325px;top:auto;z-index:90;">
　　内容区
　　</div>
</div>

而后咱们内容区的代码是：

<div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
　　<div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;z-index:90;">
　　　　内容区
　　</div>
</div>

重点注意一下带红色的字：这里的left的值能够改变，这里是控制你要写的模块的位置。加上这行代码天猫就能够突破限制了。

第2、是淘宝突破限制的办法！淘宝的默认的宽度950px

仍是全屏：

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
　　<div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;">

　　　　内容区
　　</div>
</div>

内容区：

<div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;">
　　<div class="footer-more-trigger" style="left:-600px;top:auto;border:none;padding:0;">

　　　　内容区
　　</div>
</div>

可是要注意了：在淘宝加上这行代码并无什么吊用，当时我研究了一天，而且结合网上的办法试了又试最后仍是没试出来，由于网上好多人没有关于这方面具体的分享，

后来问人家还得加上一行全局的样式：

* div {
width: auto;
}

.xiaomantb,
div {
width: 100%;
}

.layout {
width: 950px;
}

.col-main {
width: 100%;
}

加上这行代码就能够了，嘿嘿！

注意了啊这里改的是全局的样式，由于淘宝天猫后台把这些样式封装起来，按照常理来讲是不能动的，若是动了页面可能会爆炸！果真，回头看了一下咱们本身作得搜索框嘣，爆炸了，当时个人领导调了半天才改过来！也是够了

若是作过天猫淘宝的小伙伴们，你们应该知道淘宝天猫是禁止写js的，更可恶的是css还得花钱开通，我就想那么多店家，阿里得赚多少钱啊！怪不得马云如此有钱，这眼光！真是佩服，

你用个人淘宝天猫平台吗？用你要不就买个人模板，要不就买css，否则让你的页面难看死,哈哈！

可是淘宝仍是有点人性的，他开放了一些接口供我们使用，例如：widget规范里面有一些效果供我们是使用，可是颇有限。要想本身的页面变得漂亮大气仍是买js模板吧！

最近发现淘宝天猫支持一些html5的动画效果，看到了没，这是一个趋势。

此次写的比较简单，但愿能够给从事电商行业的小伙伴能提供点帮助。

明天仍是介绍：天猫淘宝一些效果的写法！但愿你们能关注！

最近一周要作一个微信场景！由于以前没作过，昨天研究的就是为这个微信场景打基础，但愿有作过的同志，能在评论里面留下联系方式，能交流一下！谢谢