手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >IE之死__原来与CSS有关
IE之死__原来与CSS有关
摘要:我这里有两个例子,如果你的浏览器是IE的,你可以测试一下!1、先看这几行代码!复制代码代码如下:vara=('pspan');varb=''...

我这里有两个例子,如果你的浏览器是IE的,你可以测试一下!

1、先看这几行代码!

复制代码 代码如下:

<body>

<divid="main"></div>

<scriptlanguage="javascript">

vara=('<divclass="listInfo"><p>p</p><span>span<span></span></div>');

varb='';

for(r=0;r<20;r++){

b=b+a;

}

document.getElementById("main").innerHTML=b;

</script>

</body>

注意:我多写了一个<span>,这个标签没有闭合!

看一下效果,放心,这会不会死的!

css ie

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

我开始加CSS了;

复制代码 代码如下:

<style>

.listInfop{border:1pxsolid#00CC00;float:left;width:100px;}

.listInfospan{overflow:hidden;display:block;width:100px;border:1pxsolid#CC3300;float:right;}

</style>

看一下效果,不想死的不要点!

css ie .listInfo p{ border:1px solid #00CC00; float:left; width:100px;} .listInfo span{overflow:hidden; width:100px; border:1px solid #CC3300; float:right;}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

原因是因为一个标签没有关闭,再加上float,我昨天晚上在家找了三个小时,才基本定位到这里,我正在找相关的资料,看看怎么说!?

【IE之死__原来与CSS有关】相关文章:

CSS教程:DIV底部放置文字

用CSS实现段落前面缩进两个字

CSS实现样式布局的锦囊妙计22招

使用css实现全兼容tooltip提示框

DIV CSS列形导航一例,超酷解析

提高CSS的网页渲染效率11点注意项

DIV+CSS制作的网页如何让网页居中

把网页变灰色兼容各种浏览器

CSS布局需要掌握的8个你技巧

CSS选择器种类、优先级与匹配原理详解

精品推荐
分类导航