设计师在输出时，最头痛的就是各大浏览器的兼容性了，特别是ie6，多用“可恶”“老不死”来形容！而我看来，其实不然，既然ie6还没“死”，还有很多人在用，特别在china，自然有它存在的理由！在此不再多说！下面以一个列子来说明用float 解决ie6的兼容性。

一、要布局的导航，如图一

（图一）

这是我们经常看到的布局，上面是主导航，下面是子导航，鼠标移到栏目1 出现下面子栏目1，子栏目2...

要求：子栏目背景长度自适应。

二、以下是小D同学的切图和布局

（1）切图如下：

（2）代码：

三、测试效果

ie6+浏览器和火狐都显示正常

ie6会出现错乱！

四、解决方法：