IE之死__原来与CSS有关

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

1、先看这几行代码！


代码如下:

<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>

注意：我多写了一个<span>，这个标签没有闭合！ 
看一下效果，放心，这会不会死的！

css ie

var a = ('

p

span

');
var b = '';
for( r=0; r

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

我开始加CSS了；


代码如下:

<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>

看一下效果，不想死的不要点！

css ie

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

var a = ('

p

span

');
var b = '';
for( r=0; r

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

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

赞 (0)

相关推荐

  • CSS也可以把IE6弄死

    CSS也可以把IE6弄死

    刚刚登甲发来一个文章,看到只要一行代码,就可以把IE6弄死.  复制代码 代码如下: <style>*{position:relative}</style><table><input></table> 如果你现在用的是IE6你可以试一下.点击下边的运行代码按钮; 如果点了后没有死, 让说明你的IE不是6;  方法一: *{position:relative} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 方法二: css 挂掉IE6

  • IE之死__原来与CSS有关

    我这里有两个例子,如果你的浏览器是IE的,你可以测试一下! 1.先看这几行代码! 复制代码 代码如下: <body>  <div id="main"></div>  <script language="javascript">  var a = ('<div class="listInfo"><p>p</p><span>span<span>

  • DIV border边框显示不完全问题的解决方法

    第一次遇到这样的问题,就是定义div的边框有部分却显示不了.而在firefox里却是一切正常,该死的ie,太过分了. 代码也没有问题,查了好多资料,还百度了许多网站,在blueidea里也没有找到解决办法.后来在台湾的一个网站上发现了一个很几的解决办法: 如下: 左右两边的边框就是不显示,气不死你~~郁闷, css是: 复制代码 代码如下: #divproject {    margin-top: 5px;    border: 1px solid #0099CC;  } 后来按照那个网站的介绍

  • 使用JQuery和CSS模拟超链接的用户单击事件的实现代码

    使用JQuery和CSS模拟超链接的用户单击事件的实现代码

    在正式开始本文之前,先来简单介绍下HTML的<a>标签:使用<a>标签,我们可以在HTML页面上定义锚(anchor),锚有两种用法: 通过使用 href 属性,创建指向另外一个文档的链接(或超链接) 通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接) 本文的内容与锚的第一种用法有关. 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true&q

  • wordpress主题支持自定义菜单及修改css样式实现方法

    自己在制作wordpress主题的时候遇到这个问题,并且遇到了css样式错误,其实很简单,操作如下: 在主题中functions.php中加入: register_nav_menus( array( 'menu' => __( 'menu', '' ), ) ); 在主题导航栏贴上导航代码: <?php wp_nav_menu( 'id=navbar' ); ?> 但是出现了css样式错误: 原来这个函数输出的是下面的格式: 复制代码 代码如下: <div id="men

  • javascript css 三级目录(简单的)

    是在原先的二级目录改的,先给出演示 这里是css 复制代码 代码如下: /*bg macji(http://www.macji.com)*/  ul,li,p{margin:0; padding:0; list-style:none; font-size:12px}  .m_menu_title{height:24px;line-height:24px;text-align:center;margin:0 1px}  .m_menu_content{border-top:solid 1px #c

  • 绝对经典的滑轮新闻显示(javascript+css)实现

    绝对经典的滑轮新闻显示(javascript+css)很早就有了,今天又见到,拿出来大家分享一下... 效果如下图:screen.width*0.7) {this.resized=true; this.width=screen.width*0.7; this.style.cursor='hand'; this.alt='Click here to open new window\nCTRL+Mouse wheel to zoom in/out';}" onclick="if(!this

  • PHP/Javascript/CSS/jQuery常用知识大全详细整理第1/2页

    1. 变量如何定义?如何检查变量是否定义?如何删除一个变量?怎样检测变量是否设置?       $定义   isset()// 检测变量是否设置        defined()// 检测常量是否设置       unset()//销毁指定的变量       empty()// 检测变量是否为空 2. 什么是可变变量?       一个变量的变量名可以动态的设置和使用.       $a = 'hello' , $$a = 'world',  ${$a}=hello world3. 变量赋值方式

  • javascript 进阶篇2 CSS XML学习

    javascript 进阶篇2 CSS XML学习

    CSS全称是cascading style sheets,中文名字叫级联样式单,也叫层叠样式表.它的好处就是能让代码整齐,并且可以批量处理一些样式. 基本语法: 注释符:/* */ 选择符:selector {attribute:value} 同一个属性的值用空格符号隔开,不同属性用分号隔开. 区分大小写. 比如要给页面中的table定制样式,则写table {.....;.....;} 选择符的使用方法有很多种,于是我又一次懒得打,从网上抄来的: 选择符模式 说明 * 匹配任意元素.(通用选择

  • CSS控制图片大小-适应宽度

    不知道家有没有遇到过这样的情况:在CSS控制图片大小时,如果把图片的宽度写死,比如 img{width:500px;} ,固然,如果图片宽度大于500px可以很好的控制它不让它过大,但如果图片宽度小于500px,比如说只有100px时,刚才的写法会把这张图扩大5倍显示,显然,这不是我们想看到的. 那么,CSS如何可以区分对待这些图片设置大小呢?很简单,请看: 复制代码 代码如下: img{width:expression(this.width>500?"500px":this.w

随机推荐