模仿京东网页制作所遇到的问题

导航栏制作

问题1
导航栏制作时，下拉菜单上部的横线无法消除

头部制作

问题1
在制作logo图标时，图片无法显示
解决：发现时url书写格式错误，正确的格式应该为：

background-image:url(../image/sprite.png);

问题2
在给搜索栏添加相机icon时，icon一直无法显示
解决：未给class添加“iconfont”，添加之后立即显示。

<i class="iconfont icon-xiangji">i>

问题3
制作button时，button有边框阴影
解决：为其设置border：none；
问题4
悬停到button上时，button未曾全部变色
解决：因为在给其设置hover时，前面不小心加了个空格······
问题5：
渐变边框的制作

广告栏制作

问题1：
广告栏下方添加margin-bottom：30px之后变成白色。
解决：将盒子高度增加30px，取消margin-bottom样式。
问题2：
icon又一次无法显示，且为其添加class=iconfont之后依旧无效
解决：通过重新链接样式表解决。
先在这里下载iconfont.css的字体，解压后如下图所示：

font图标获取位置

先这样
@font-face {
    font-family: 'iconfont';
    src: url('../font/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
然后：
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

最后使用Ồ即可使用。
问题3：
在制作最右边的热点栏时，使用ul-li来制作，但在li中嵌套了一个span一个a之后，发现span下沉，不能与a标签中的内容对齐。
解决：
给span和a标签分别设置vertical-align：top；通过设置顶端对齐来解决。
问题4：
制作秒杀栏下图样式：

解决：
问题5：
每日特价两个盒子并排之后无法居中。
解决：目前用position：relative；
后续解决：发现是上面部分的盒子中有的盒子高度过高导致的溢出，解决上面部分的盒子问题后用margin：0 auto；即可解决。