1.容器包裹尺寸：因?yàn)橐苿?dòng)端的寬度尺寸在320px-640px之間，所以jd在body里直接設(shè)置了max-width:640px,min-width:320px,這樣既在手機(jī)端上有很好的顯示，也能在pc端打開m站頁面時(shí)有很好的顯示。
bodycss.JPG
2.關(guān)于jd搜索欄的制作，采用兩個(gè)兄弟div，一個(gè)作為背景，一個(gè)作為內(nèi)容，查看代碼可以發(fā)現(xiàn)第一個(gè)div用了absolute，所以第二個(gè)div可以直接升上去，但是由于在默認(rèn)情況下，元素應(yīng)用了非static的position屬性后，其就會(huì)有一個(gè)隱晦的層級(jí)，會(huì)居于普通元素之上，想看更多可以到張鑫旭，所以正常情況下bgdiv會(huì)蓋在contentdiv上面，所以我們需要給contentdiv添加relative來"后來居上"。為什么要用兩個(gè)div來實(shí)現(xiàn)呢：我發(fā)現(xiàn)在滾動(dòng)條下移時(shí)，bgdiv的opacity會(huì)變化，視覺效果會(huì)更好。如果是在一個(gè)div中使用opacity的話，文字搜索框都會(huì)變透明，就不是預(yù)想的效果了。
<div class=search style=position:fixed>
<div class=bg style=position:absolute></div>
<div class=content style=position:relative></div>
</div>
search.JPG
3.其他好像沒有什么可以講的地方，比較多使用float的地方我覺得可以使用flex
