DIV CSS頁面設計中的IE6的文字溢位BUG

2021-05-09 17:39:37 字數 666 閱讀 7260

為什麼這個div的文字在ie6裡會多出3個字元,在頁面製作中用div+css用的多了有時會遇到文字溢位的現象,出現此現象是由ie6的3px的bug所引起的。

以下為出現該bug的例項:

↓注釋在ie6中造成文字溢位例項

而其解決方法是在 去除

中的「float:left;」,你會發現多出來的「豬」字不見了,頁面正常顯示,

解決方法二:將注釋移動到

的上面,頁面也不會出現此bug

解決方法三:去除內浮動層的寬度定義(width:400px),此bug也會消失。

而在測試過程中也會發現:增加注釋的條數:當1條注釋時,則多出來1個字;2條注釋時,則多出來3個字;3條注釋時,則多出來5個字……

我們會從上面的規律中得到這樣乙個公式:溢位文字的字數=注釋的條數*2-1,這裡的字數在中文或英文數字時都成立。

當溢位的文字字數大於文字的字數時,文字區塊將會消失。

其實最簡單的方法就是不放置注釋內容,然後這在現實的工作中會導致某些不方便。因此,有朋友也想到了,稍微注意一下,將注釋內容不要放置在兩個浮動層之間

其解決方法五:將文字區塊包含在新的

之間,如:↓注釋在ie6中造成文字溢位例項

然而在我的工作中卻發現,我不僅僅只有注釋會引發此bug的出現,在網頁間使用js**標籤"

↓注釋在ie6中造成文字溢位例項

IE6中position fixed無效問題解決

在做頁面右下腳對話方塊時,直接使用position fixed 大部分瀏覽器很容易就能做到,但是在ie6中卻發現不行,原來是ie6不支援position fixed 這個屬性。雖然用js肯定能解決這個問題,但是總覺得用js來做布局的工作不是很好,網上找了下這個問題,發現可以直接用css方法解決,如下...

ie6中DIV最小高度

ie6中,使用css定義div的高度的時候經常遇到這個問題,就是當div的最小高度小於一定的值以後,無論你怎麼設定最小高度,div的高度會固定在乙個值不再變化。比如 div 這是因為在ie6中,系統預設的並非是div有乙個預設的高度,而是你沒有解決乙個隱藏的引數,font size,這個是ie6中對...

IE6中onresize 卡死的BUG

發現這個bug是由於ie6解析onresize方法與其他瀏覽器解析不盡相同。後來通過一段網上搜尋到的 成功解決。下面分享一下 view plain copy to clipboard print?vart 0 window.onresize function 第二個問題的問題比較傻,在ie6中,如果...