本來今晚想深入研究浮動,但是卻遇到了意想不到的問題,到現在也不明白到底是發現了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>
二:笨解決方法
*{margin:0px;padding:0px;}/*雖然問題解決了,可是卻造成了CSS加載變慢的問題*/
三:H引起的問題,蒙了,不明白原理
body,h1,h2,h3,h4,h5,h6,p,div,ul,li,p{
margin:0px;
padding:0px;
}
希望大家一起探討!解釋H系列標籤爲什麼會跟FLOAT:LEFT衝突
16-4-10:今天才發現HTML中有H標籤,眼瘸了