首先先展示一下我們的淘寶頁面和天貓頁面
天貓：http://xiaomanyoupin.tmall.com/index.htm
淘寶：http://shop145360663.taobao.com/index.htm
第一、先來說說天貓的吧！
因為天貓的默認的寬度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的值可以改變，這里是控制你要寫的模塊的位置。加上這行代碼天貓就可以突破限制了。
第二、是淘寶突破限制的辦法！淘寶的默認的寬度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的動畫效果，看到了沒，這是一個趨勢。
這次寫的比較簡單，希望可以給從事電商行業的小伙伴能提供點幫助。
明天還是介紹：天貓淘寶一些效果的寫法！希望大家能關注！
最近一周要做一個微信場景！因為之前沒做過，昨天研究的就是為這個微信場景打基礎，希望有做過的同志，能在評論里面留下聯系方式，能交流一下！謝謝