武林網(www.49028c.com)文章簡介：在網站改版過程中,Div和css代碼都么沒有問題,在IE7,IE8,Firefox下都能正常的運行,但是在IE6下,出現文字溢出的Bug, 通過對比正常的網頁與出錯網站的代碼,發現是因為注釋代碼的問題.通過查詢,得知,html的注釋代碼的確能引起布局混亂,簡單的方法就是,刪除所有的注釋代碼,布

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

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

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

麻煩一：注釋所引起的文字溢出

這個是比較常見的問題，例如下圖1中，多出的”地圖”兩個字就是由于注釋所引起的，去除注釋之后就恢復正常。

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

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

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