解决IE6中float换行问题的方法

 

<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并排的空间!!!

未经允许请勿转载:超人很忙空间 » 解决IE6中float换行问题的方法

赞一个 (0)
分享到: +More