元素要預(yù)留空間理茎，要充分考慮文字、金額過長的情況，皂林，如果可能會出現(xiàn)嚴(yán)重布局問題朗鸠，如果設(shè)計師的原型圖沒有出現(xiàn)換行的情況，需要趁早交流础倍。
如果工作流程是實現(xiàn)前端實現(xiàn)頁面烛占，然后交由后端制作成模板填充數(shù)據(jù)。那么開始寫 html 之前沟启，注意與后端交流 html 元素布局結(jié)構(gòu)忆家，一般的思維是橫向布局，但可能與后端設(shè)計有沖突德迹，所以某些地方要豎著布局芽卿，舉個例子，下面兩張圖胳搞，按照習(xí)慣是圖一橫著寫卸例，但由于后端邏輯數(shù)組循環(huán)順序是豎著分開循環(huán)，所以 html 布局要像圖二那樣寫：
善用 a 標(biāo)簽覆蓋點擊區(qū)域肌毅，但 a 標(biāo)簽包裹的內(nèi)容經(jīng)常會被 html 解析到 a 標(biāo)簽外筷转，所以最好設(shè)置 a 屬性為
position:absolute;width:100%;height:100%;top:0;left:0:z-index:9，再將父元素設(shè)為position:relative芽腾，這樣 a 標(biāo)簽就能覆蓋整個元素旦装。用上面的方法覆蓋元素時，如果子元素有 img 標(biāo)簽摊滔，在 ie7 下會出現(xiàn) bug，即 a 標(biāo)簽無法覆蓋 img 區(qū)域店乐，這時可以給 a 標(biāo)簽設(shè)置 css：
background-color:white;filter: alpha(opacity=0);opacity: 0;即可艰躺。頁面效果提早確定，例如猜你喜歡功能眨八，實現(xiàn)起來就要考慮動畫效果如何腺兴，是事先加載全部商品還是異步加載等等。
