ie6 注釋引起的問題
更新時(shí)間:2008年12月08日 12:30:20 作者:
大部分是由注釋造成文字溢出,屬于IE6的BUG,溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1,這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。
問題:div框架里的文字在IE6中出現(xiàn)溢出現(xiàn)象,IE7和FF都顯示正常,經(jīng)過測試,發(fā)現(xiàn)這似乎與FLOAT浮動 有關(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ū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。
解決辦法:
1、不放置注釋。最簡單、最快捷的解決方法;
2、注釋不要放置于2個(gè)浮動的區(qū)塊之間;
3、將文字區(qū)塊包含在新的<div></div>之間,如:<div style="float:right;width:400px"><div>↓這就
是多出來的那只豬</div></div>;
4、去除文字區(qū)塊的固定寬度,與3有相似之處;
5、在后面加一個(gè)<br />或者空格;(不推薦)
6、使用IE注釋格式,如:<!--[if IE]>測試<![endif]-->
7、給盒子加position:relative;屬性
問題原因以及解決方法。
原因: 大部分是由注釋造成文字溢出,屬于IE6的BUG,溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1,這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動以及文字區(qū)塊的固定寬度有必然聯(lián)系。
解決辦法:
1、不放置注釋。最簡單、最快捷的解決方法;
2、注釋不要放置于2個(gè)浮動的區(qū)塊之間;
3、將文字區(qū)塊包含在新的<div></div>之間,如:<div style="float:right;width:400px"><div>↓這就
是多出來的那只豬</div></div>;
4、去除文字區(qū)塊的固定寬度,與3有相似之處;
5、在后面加一個(gè)<br />或者空格;(不推薦)
6、使用IE注釋格式,如:<!--[if IE]>測試<![endif]-->
7、給盒子加position:relative;屬性
相關(guān)文章
div+css在思路和流程上實(shí)現(xiàn)結(jié)構(gòu)與表現(xiàn)的分離分析
內(nèi)容與表現(xiàn)分離,從標(biāo)準(zhǔn)到國人重視那天起,就已經(jīng)討論了,但是停留在div+css xhtml+css 純代碼的分離,思想上流程上,到底如何分離?2008-08-08
CSS expression控制圖片自動縮放效果代碼[兼容 IE,Firefox]
一直以來有個(gè)很頭疼的問題困擾著我,那就是圖片縮放的問題,寫到 JS 里面吧,不太容易修改。寫到 CSS 里面吧,IE 6 又不支持 max-width2008-09-09
推薦三種簡潔的Tab導(dǎo)航(網(wǎng)頁選項(xiàng)卡)簡析
推薦三種簡潔的Tab導(dǎo)航(網(wǎng)頁選項(xiàng)卡)簡析...2007-05-05
前端面試學(xué)習(xí)中幾個(gè)常見有用的知識點(diǎn)
一場疫情過后,又要經(jīng)歷一次次面試,今天小編給大家分享前端面試學(xué)習(xí)中幾個(gè)常見有用的知識點(diǎn),非常不錯(cuò),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下2022-12-12

