實踐中常犯錯誤

1、DIV未限定高度導致溢出

---

出現錯位

HTML

<div class="clearfix">
    <div class="block">
        <div></div>
        <span></span>
    </div>
    <div class="block">
        <div></div>
    </div>
    <div class="block">
        <div></div>
    </div>
    <div class="block">
        <div></div>
    </div>
</div>

CSS

/* 清除浮動 */
.clearfix{
  zoom:1;
}
.clearfix:after{
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
  overflow:hidden;
}
.block{
  float:left;
  width:50%;
}
.block div{
  height:100px;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  background-color: #3DCAE0;
}
.block span{
  display:block;
  height:1px;
}

2、jQuery ajax中的dataType

---

不是传过去的数据类型！
不是传过去的数据类型！！
不是传过去的数据类型！！！
是“预期服务器返回的数据类型”！你要是写了"json"之类而返回的数据类型不是的话，即便发送成功，也导致ajax判断是error，但是调试台是看不到错误信息的！

3、label标签的两次click触发

---

label与input绑定了，点击label等效于点击input。点击label，冒泡触发一次父元素的click，然后label默认又会触发绑定input的click事件，又一次触发父元素的事件。

4、input[type="file"]手勢

---

用padding-top之類的方法將上傳框默認樣式移除即可實現移動手勢