首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-08-21 
解决IE6中float换行的问题?title无标题文档/titlestyle.aaa,.bbb{width:200px height:300px backg

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

?

热点排行