最近的實踐中，越來越覺得 li 標籤中包含 a img 標籤的時候會比較麻煩，需要注意。當然，問題還是一如既往的出現在 ie 下。以下為其中一例：
css code:
ul
ul li
其中 temp.jpg 尺寸為 277×57
firefox 下的正常表現：
ie6 下的非正常表現：
很明顯地可以看到 ie 中，li 的表現高度，並非我們設定的 57px，而是比其要高，這是因為 img 下面多出了 5px 的空白。
解決方法 一
使 li 浮動，並設定 img 為塊級元素
ul
ul li
img
解決方法 二
設定 ul 的 font-size:0;
ul ul li
解決方法 三
設定 img 的 vertical-align: bottom;
ul
ul li
img
解決方法 四 我認為是最傻的
設定 img 的 margin-bottom: -5px;
ul
ul li
img
IE下img多餘5畫素空白
嗯，開場先胡扯幾句不相關地感言。最近的工作讓我有了很多實踐的機會，同時也讓我收穫頗豐。在群裡聊天的時候也提到過，所有的學習過程，最好是理論 實踐 再理論 再實踐。的乙個迴圈往復的過程。這裡說的理論是個比較寬泛地概念，其中包括書本理論，也包括對實踐地總結。只有理論沒有實踐，往往造 成眼高手低，想得好，...
IE6下溢位多餘文字
最近會經常碰到這麼個問題 下面把自己做後的總結整理下 方案1 原因 出現這種情況絕大多數都是與浮動有關係的。通常都是用這個方案解決的 解決思路 檢查下出現這種情況的容器 比如div 是否有用到浮動，並且，當前浮動是否有必要應用 如果即使不用浮動也可以達到效果話，就將浮動去除。或是，加乙個 clear...
IE6下3畫素問題
描述 ie下兩個div之間會出現3個畫素的bug，這個bug是在當對乙個div用了float元素時，而div未使用時則會出現。解決方法 a.對另乙個元素同時使用float b.為已經浮動的div新增一條語句 margin right 3px 或者margin left 3px 當浮動元素與非浮動元素...