? 今天，發(fā)現(xiàn)一個(gè)有趣的bug，問(wèn)題是這樣的，頁(yè)面沒(méi)有有設(shè)置寬高，而且沒(méi)有浮動(dòng)，但是一個(gè)div的文字卻跑到其他div里面，而這個(gè)div里面的元素的大小和盒子完全匹配，，但是卻沒(méi)有占滿盒子。我習(xí)慣性的直接打開(kāi)瀏覽器的控制臺(tái)，發(fā)現(xiàn)沒(méi)有任何的問(wèn)題。

? 歷經(jīng)幾十分鐘掙扎的時(shí)候，才回到編輯器里面看了代碼少了匹配的雙標(biāo)簽，才導(dǎo)致整個(gè)盒子和內(nèi)容，還有其他合作的內(nèi)容混亂，這是因?yàn)闉g覽器會(huì)知道補(bǔ)成沒(méi)有寫完整的雙標(biāo)簽，導(dǎo)致不匹配。

? 總結(jié):代碼要養(yǎng)成意義話，解析，讓代碼看起來(lái)結(jié)構(gòu)話，方便其他人閱讀，方便查找錯(cuò)誤。第二點(diǎn)，不能只依賴一種方式找bug，如果自己對(duì)于瀏覽器生成的最終頁(yè)面不知道過(guò)程，就不會(huì)發(fā)現(xiàn)問(wèn)題所在，這是可以結(jié)合源代碼找bug。