DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE6下注釋引起的文字溢出和浮動錯位
IE6下注釋引起的文字溢出和浮動錯位
編輯:CSS詳解     

在網站改版過程中,Div和CSS代碼都麼沒有問題,在IE7,IE8,Firefox下都能正常的運行,但是在IE6下,出現文字溢出的Bug, 通過對比正常的網頁與出錯網站的代碼,發現是因為注釋代碼的問題.通過查詢,得知,Html的注釋代碼的確能引起布局混亂,簡單的方法就是,刪除所有的注釋代碼,布局就顯示正常.

如下是有關這個問題的跟具體的文章,供大家參考.

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

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

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved