悲催的IE6 七宗罪大吐槽(帶解決方法)第三部分

2021-09-06 13:10:07 字數 783 閱讀 7757

五:文字溢位bug(注釋bug)

1、在以下情況下將會引起文字溢位bug

乙個容器包含2兩個具有「float」樣式的子容器。

第二個容器的寬度大於父容器的寬度,或者父容器寬度減去第二個容器寬度的值小於3

在第二個容器前存在注釋(這也是為什麼此bug也叫做「ie6注釋bug」的原因)。

2、引起bug時的效果圖

這是正常效果

ie6下卻多了乙個「怪」字,真是怪

3、修復該bug的解決方案

在第二個容器後面加乙個或者多個

六、 寬度100%問題

本來自信的我一般不會去用ie6測試自己寫的網頁,但今天在整理自己的部落格時,無意間用ietester測試了一下自己的部落格,結果很是令我吃驚,很多頁面在ie6上雖然沒有太大的bug,但很多卻變得很難看,於是就開始改各種bug了。其他一些字型啊,顏色啊都很好改,花了幾分鐘就搞定,但其中有乙個問題很讓我摸不著頭腦,簡單的說是ie6下寬度100%會出問題。下面我用**和截圖來模擬這個問題的場景:

我是左浮的div

姓名年齡

大學性別

大傻33

浙江大學男

二傻32中國計量學院男

view code

正常的效果圖應該是這樣的: 

但在ie6上**上面卻多出了很大一段空白:

解決辦法有兩個:

寬度不要設成100%,設成99%即可。

如果寬度一定要100%,則可在**外面的div中加上樣式 _height:1% 就可以解決問題。

悲催的IE6 七宗罪大吐槽(帶解決方法)第一部分

一 奇數寬高 悲劇的ie6啊,為何有如此多bug,但使用者市場又那麼大,真讓我們搞 的糾結。今天就遇到了乙個非常奇怪但又很細節的乙個bug,乙個外部的相對定位div,內部乙個絕對定位的div right 0 如下圖所示 可是在ie6下檢視,卻變成了right 1px的效果了,是特效嗎,不像 結果發現...

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識別存...