IE6下按百分比布局的问题

　　今天在写一个页面，父容器内的子控件浮动并且使用百分比来控制宽度，当父容器的宽度为奇数时，发现ie6下竟然换行了，为偶数则不会出现此问题。在IE7+以上浏览，w3c浏览器，如ff，chrome下不管父容器为偶数或者奇数都不会换行。，⊙﹏⊙b汗

　　测试代码如下

-HTML

<!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=utf-8" />
    <title>IE6下设置width为百分比，如果不不为偶数会换行</title>
    <style type="text/css">
     .parent{width:215px/*为奇数时换行*/;height:200px;background:#666666;}
     .parent div{float:left;width:50%;height:100%;}
     .parent div.w{background:#999;}
    </style> 
</head>
<body>
<div class="parent"><div class="w"></div><div></div></div>
</body>
</html>

-HTML

<!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=utf-8" />
    <title>IE6下设置width为百分比，如果不不为偶数会换行</title>
    <style type="text/css">
     .parent{width:216px/*为偶数时未换行*/;height:200px;background:#666666;}
     .parent div{float:left;width:50%;height:100%;}
     .parent div.w{background:#999;}
    </style> 
</head>
<body>
<div class="parent"><div class="w"></div><div></div></div>
</body>
</html>

加支付宝好友偷能量挖...

原创文章，转载请注明出处：IE6下按百分比布局的问题

2010-3-26评论(0)Web开发网

阅读(100)喜欢(0)分类：HTML/CSS兼容/XML