读书人

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

发布时间: 2012-08-21 13:00:22 作者: rapoo

解决IE6中float换行的问题

?

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

?

读书人网 >Web前端

热点推荐