IE之死__原來與CSS有關(guān)
更新時(shí)間：2008年04月11日 19:42:48 作者：
IE死了，無論是IE6還是7，今天遇到了這個(gè)問題！帶著滿身的汗查了半天，終于定位到問題了！原來是float元素沒有閉合的原因！
我這里有兩個(gè)例子，如果你的瀏覽器是IE的，你可以測(cè)試一下！
1、先看這幾行代碼！
復(fù)制代碼 代碼如下:
<body>
<div id="main"></div>
<script language="javascript">
var a = ('<div class="listInfo"><p>p</p><span>span<span></span></div>');
var b = '';
for( r=0; r<20; r++){
b = b+a;
}
document.getElementById("main").innerHTML = b;
</script>
</body>
注意：我多寫了一個(gè)<span>，這個(gè)標(biāo)簽沒有閉合！
看一下效果，放心，這會(huì)不會(huì)死的！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
我開始加CSS了；
復(fù)制代碼 代碼如下:
<style>
.listInfo p{ border:1px solid #00CC00; float:left; width:100px;}
.listInfo span{overflow:hidden; display:block; width:100px; border:1px solid #CC3300; float:right;}
</style>
看一下效果，不想死的不要點(diǎn)！
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
原因是因?yàn)橐粋€(gè)標(biāo)簽沒有關(guān)閉，再加上float，我昨天晚上在家找了三個(gè)小時(shí)，才基本定位到這里，我正在找相關(guān)的資料，看看怎么說??？
您可能感興趣的文章:
相關(guān)文章
DL.DT.DD實(shí)現(xiàn)左右的布局簡單例子
DL.DT.DD實(shí)現(xiàn)左右的布局簡單例子...2007-12-12
針對(duì)瀏覽器隱藏CSS之獨(dú)孤九劍...2007-03-03
div做細(xì)線表格,很強(qiáng)悍...2006-11-11
line-block的運(yùn)用最小寬度的設(shè)置
line-block：本身是內(nèi)聯(lián)盒模型的存在，又具備塊狀盒模型的特性。很好很強(qiáng)大的東西啊～2008-05-05
div+CSS兼容小摘，比較實(shí)用的小技巧。2009-11-11
DIV 居中的絕好解決方法...2006-11-11
超強(qiáng)推薦CSS打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)
超強(qiáng)推薦CSS打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)...2007-09-09
大部分是由注釋造成文字溢出，屬于IE6的BUG，溢出文字的字?jǐn)?shù)=注釋的條數(shù)*2-1，這里的字?jǐn)?shù)在中 文或英文數(shù)字時(shí)都成立。注釋坐在位置與溢出位置、區(qū)塊的浮動(dòng)以及文字區(qū)塊的固定寬度有必然聯(lián)系。2008-12-12
小心：CSS代碼書寫順序不同，導(dǎo)致顯示效果不一樣...2006-12-12
實(shí)用的利用 CSS + <em>標(biāo)簽 來完成一個(gè)三角形的制作
實(shí)用的利用 CSS + <em>標(biāo)簽 來完成一個(gè)三角形的制作...2007-04-04