兼容性总结
写在前面的话，也不知道还要不要管ie6、7，晕晕乎乎的 1、h5兼容性 引用 html5shiv.js <script src="js/html5shiv.js"></script> 2、 1. 在IE6元素浮动，如果宽度需要内容撑开，就给里边的块元素都加浮动 例： <div class="box"> <div class="left"> <h3>左侧</h3> </div> <div class="right"> <h3>右侧</h3> </div> </div> 给它设置css .box{ width:200px;} .left{background:red;float:left;} .right{float:right; background:blue;} h3{margin:0;height:30px;} </style> 显示如下： 解决办法： h3{margin:0;height:30px; float:left;} -2 在IE6下元素要通过浮动并在同一行，就给这行元素都加浮动 例： <div class="box"> <div class="left"></div> <div class="right"></div> </div> 样式 .left{width:100px;height:100px;background:red; float:left;}