解决IE6中float换行的有关问题

解决IE6中float换行的问题

 

转自:http://hi.baidu.com/liouguanzhiyuan/blog/item/48b9cbd24429aad3a9ec9a17.html
解决IE6中float换行的问题
2010-05-16 01:59

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.aaa,.bbb{width:200px; height:300px; background:#003366;}
.bbb{background:#00FF66; float:right;}
</style>
</head>

<body>

<div class="aaa"></div>
<div class="bbb"></div>
</body>
</html>

如上代码,不出所料地换了行,万恶的IE6。解决方法是:把左边的DIV也定义下,定义为.aaa{float:left;}就可解决问题。但是可能仍出问题,这时检查下外面所包含的大DIV宽度够不够,不够的话就再弄大些,让它有容纳两个DIV并排的空间!!!