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

解决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并排的空间！！！