ie6 注釋引起的問題
更新時(shí)間：2008年12月08日 12:30:20 作者：
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。
問題：div框架里的文字在IE6中出現(xiàn)溢出現(xiàn)象，IE7和FF都顯示正常，經(jīng)過測(cè)試，發(fā)現(xiàn)這似乎與FLOAT浮動(dòng) 有關(guān)，只要把相應(yīng)div中的float去掉，就可以顯示正常，可缺少了float，在FF下就無法正常顯示div的位置，確實(shí)讓我頭疼的非常，今天在網(wǎng)上找找資料，發(fā)現(xiàn)IE6的文字溢出原來是由于注釋所造成的
問題原因以及解決方法。
原因： 大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。
解決辦法：
1、不放置注釋。最簡(jiǎn)單、最快捷的解決方法；
2、注釋不要放置于2個(gè)浮動(dòng)的區(qū)塊之間；
3、將文字區(qū)塊包含在新的<div></div>之間，如：<div style="float:right;width:400px"><div>↓這就
是多出來的那只豬</div></div>；
4、去除文字區(qū)塊的固定寬度，與3有相似之處；
5、在后面加一個(gè)<br />或者空格；（不推薦）
6、使用IE注釋格式，如：<!--[if IE]>測(cè)試<![endif]-->
7、給盒子加position:relative;屬性
問題原因以及解決方法。
原因： 大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。
解決辦法：
1、不放置注釋。最簡(jiǎn)單、最快捷的解決方法；
2、注釋不要放置于2個(gè)浮動(dòng)的區(qū)塊之間；
3、將文字區(qū)塊包含在新的<div></div>之間，如：<div style="float:right;width:400px"><div>↓這就
是多出來的那只豬</div></div>；
4、去除文字區(qū)塊的固定寬度，與3有相似之處；
5、在后面加一個(gè)<br />或者空格；（不推薦）
6、使用IE注釋格式，如：<!--[if IE]>測(cè)試<![endif]-->
7、給盒子加position:relative;屬性
相關(guān)文章
div+css在思路和流程上實(shí)現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析
內(nèi)容與表現(xiàn)分離，從標(biāo)準(zhǔn)到國(guó)人重視那天起，就已經(jīng)討論了，但是停留在div+css xhtml+css 純代碼的分離，思想上流程上，到底如何分離？2008-08-08
2008-01-01
用CSS讓表格返轉(zhuǎn)的代碼 IE only...2007-03-03
關(guān)于target="_blank"去留的問題在網(wǎng)上已經(jīng)被反復(fù)爭(zhēng)議很多次了。有的說要留，有的說要去掉。主張留的一方主要是考慮到target="_blank"的屬性目前來講還沒有一個(gè)好的方式來解決，而主張去的一方則拿出了rel與JS的解決方案。2008-06-06![CSS expression控制圖片自動(dòng)縮放效果代碼[兼容 IE,Firefox]](http://img.jbzj.com/images/xgimg/bcimg4.png)
CSS expression控制圖片自動(dòng)縮放效果代碼[兼容 IE,Firefox]
一直以來有個(gè)很頭疼的問題困擾著我，那就是圖片縮放的問題，寫到 JS 里面吧，不太容易修改。寫到 CSS 里面吧，IE 6 又不支持 max-width2008-09-09
一些很不錯(cuò)的css技巧,但也常為人們所忽略...2007-05-05
css多行多列的實(shí)現(xiàn)一般要注意a的浮動(dòng).需要注意的:li的清除浮動(dòng)2008-05-05
推薦三種簡(jiǎn)潔的Tab導(dǎo)航（網(wǎng)頁(yè)選項(xiàng)卡）簡(jiǎn)析
推薦三種簡(jiǎn)潔的Tab導(dǎo)航（網(wǎng)頁(yè)選項(xiàng)卡）簡(jiǎn)析...2007-05-05
前端面試學(xué)習(xí)中幾個(gè)常見有用的知識(shí)點(diǎn)
一場(chǎng)疫情過后，又要經(jīng)歷一次次面試，今天小編給大家分享前端面試學(xué)習(xí)中幾個(gè)常見有用的知識(shí)點(diǎn)，非常不錯(cuò)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友參考下2022-12-12
ul+li及css制作韓國(guó)風(fēng)格菜單代碼
ul+li及css制作韓國(guó)風(fēng)格菜單代碼...2007-11-11