您的位置:首页 > Web前端 > HTML

多了一只猪---遭遇ie的bug

2007-01-18 12:21 302 查看
看看下面这段代码:
 
<meta content="text/html; charset=gb2312" http-equiv="Content-Type" />
<title></title>
<div style="width: 400px;">
<div style="float: left;"> </div>
<!--  -->
<div style="float: right; width: 400px;">↓这就是多出来的那只猪</div>
</div>
在ie下运行看看,是不是多出一只猪来,昨天我就是被这个问题搞得要发疯了
其实,这个解决起来可以用下面的方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>多了一只猪</title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!--  -->
<div><div style="float:right;width:400px">↓这就是多出来的那只猪</div>
</div></div>
</body>
</html>
多了一个空的<div></div>,问题就解决了
你也可以把文中的注释去掉,不过去掉了别人还怎么看懂你的页面阿
这个问题也说不上太大,可是让大家很郁闷~~~~
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  ie float div xhtml html