ie8：float+h系列标签bug

标签：js   兼容性   ie8   

本来今晚想深入研究浮动，但是却遇到了意想不到的问题，到现在也不明白到底是发现了IE8的BUG，还是自己没有理解到那个层面，因为这是我第一次遇见FLOAT会跟H系列标签冲突。

一：遇到的问题和截图

<div id="main" >
 <ul class="idTabs">
  <li><a href="#about">关于</a></li>
  <li><a href="#finishers">详情</a></li>
 </ul>
 <div id="about">
  <h4>11111</h4>
 </div>
 <div id="finishers">
  <h4>22222</h4>
 </div>
</div>

 <style>
body,h1,h2,h3,h4,h5,h6,p,div,ul,li,p{
 margin:0px;
 padding:0px;
}
body{
 background:black;
 color:white;
}
#main{
 color:#111;
 width:500px;
 height:100px;
 margin:0px auto;
 background:white;
 clear:both;
}
#main > ul > li{
 list-style:none;float:left;/*此块为问题代码，加上它之后出现的问题*/
}
</style>

本文出自 “web前端工程の鑫” 博客，请务必保留此出处http://10076768.blog.51cto.com/10066768/1628156

ie8：float+h系列标签bug

标签：js   兼容性   ie8   

原文地址：http://10076768.blog.51cto.com/10066768/1628156