一、奇數寬高
悲劇的ie6啊，為何有如此多bug，但使用者市場又那麼大，真讓我們搞**的糾結。今天就遇到了乙個非常奇怪但又很細節的乙個bug，乙個外部的相對定位div，內部乙個絕對定位的div（right:0），如下圖所示：
可是在ie6下檢視，卻變成了right:1px的效果了，是特效嗎，不像：
結果發現只要外部div的高或寬為奇數時，就會出現如上1px的問題，修復問題的解決方案就是把外部div的高或寬設為偶數。
以下是css**：
#outer
#inner
以下是html**：
#outer 相對定位
#inner 絕對定位
雖然這只是1px的問題，非常非常細節，但對於那些最求完美網頁設計的人來說這個bug是難以忍受的，雖然上面的解決方案有點投機取巧，但我可以告訴你，解決的ie6 bug的方法大部分都這樣，勉強用著吧。
二、
雙倍邊距
ie6 的bug算是讓人頭疼甚至蛋疼到了極點，有時候他的種種bug會帶給你無限的驚奇，有時候乙個在其他瀏覽器上非常完美的網頁到ie6上就亂成一團。今天就遇到了這個問題，在firefox上除錯頁面時頁面都沒問題，但一到ie6上，嚇了一跳，布局完全亂掉。後來發現是ie6下浮動層雙倍邊距的bug引起的，於是就把問題整理了一下，分享給大家，相信寫網頁的朋友一定會遇到這種神奇的事情的。
1、bug問題描述：
乙個浮動的div在ie6下可能會產生雙倍邊距的bug問題，具體產生的條件是：如果左浮動，則左邊距加倍；如果右浮動，則右邊距加倍。見下圖：
正常的情況下margin-left是50px
ie6下margin-left變成了100px，加倍了：(
2、解決辦法：
解決辦法也很簡單，只要給浮動層加乙個css屬性display:inline
即可解決問題。
悲催的IE6 七宗罪大吐槽（帶解決方法）第三部分
五 文字溢位bug 注釋bug 1 在以下情況下將會引起文字溢位bug 乙個容器包含2兩個具有 float 樣式的子容器。第二個容器的寬度大於父容器的寬度，或者父容器寬度減去第二個容器寬度的值小於3 在第二個容器前存在注釋 這也是為什麼此bug也叫做 ie6注釋bug 的原因 2 引起bug時的效果...
IE7的七宗罪
1.ie7,ie6 div css出現寬度定義不同 在寬度定義上出現寬度的解釋不同,ie7寬度在ie6上要寬一些,正是這個原因網頁可能會出現溢位問題,還好這個問題可以通過更改數值或者修改一下百分比解決.2.ie7.0修復了 important這個bug。先前由於ie6.0對 important識別存...
IE7的七宗罪
1.ie7,ie6 div css出現寬度定義不同 在寬度定義上出現寬度的解釋不同,ie7寬度在ie6上要寬一些,正是這個原因網頁可能會出現溢位問題,還好這個問題可以通過更改數值或者修改一下百分比解決.2.ie7.0修復了 important這個bug。先前由於ie6.0對 important識別存...