IE6下注釋引起的文字溢位和浮動錯位

2021-06-20 02:26:03 字數 699 閱讀 1077

在**改版過程中,div和css**都麼沒有問題,在ie7,ie8,firefox下都能正常的執行,但是在ie6下,出現文字溢位的bug, 通過對比正常的網頁與出錯**的**,發現是因為注釋**的問題.通過查詢,得知,html的注釋**的確能引起布局混亂,簡單的方法就是,刪除所有的注釋**,布局就顯示正常.

在網頁設計以及程式設計的時候,適當的進行注釋,不僅使自己的思路清晰,極大地減輕了維護的難度,而且方便專案組其他人了解你的**,方便對**的理解以及修改等,但最近在用div+css布局時,經常會遇到一些意想不到的麻煩,而這些麻煩在解決的過程中居然都是注釋所引起的。

麻煩一:注釋所引起的文字溢位這個是比較常見的問題,例如下圖1中,多出的」地圖」兩個字就是由於注釋所引起的,去除注釋之後就恢復正常。

麻煩二:注釋所引起的浮動錯位

如下圖2,本來布局是打算做成這樣子的,為了看的清楚,我把那兩個層新增了背景顏色,但由於新增注釋的原因,浮動並不能按照正常來顯示,而是掉了下來,如圖3,一開始以為是浮動的原因,在仔細檢查之後排除浮動以及其它的原因之後,刪除注釋,恢復正常。

這是目前我在做模板時,所發現由於注釋所引起的兩個問題,最簡單的解決方法是刪除注釋,但由於注釋在很多時候是很有必要的,所以還有一種辦法可以解決,就是不要把注釋所放在兩個浮動的層之間,具體的方法需要去不斷嘗試。

IE6下溢位多餘文字

最近會經常碰到這麼個問題 下面把自己做後的總結整理下 方案1 原因 出現這種情況絕大多數都是與浮動有關係的。通常都是用這個方案解決的 解決思路 檢查下出現這種情況的容器 比如div 是否有用到浮動,並且,當前浮動是否有必要應用 如果即使不用浮動也可以達到效果話,就將浮動去除。或是,加乙個 clear...

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

為什麼這個div的文字在ie6裡會多出3個字元,在頁面製作中用div css用的多了有時會遇到文字溢位的現象,出現此現象是由ie6的3px的bug所引起的。以下為出現該bug的例項 注釋在ie6中造成文字溢位例項 而其解決方法是在 去除 中的 float left 你會發現多出來的 豬 字不見了,頁...

解決IE6下浮層遮蓋select刺穿的問題

圖一未解決刺穿問題 圖二已解決 解決方法使用iframe間接擋住層,具體方法見原始碼 原始碼一 未解決刺穿 無標題文件 title style type text css warp box box iframe style head body div id warp iframe framebord...