今天制作div的高度控制的時候發(fā)現(xiàn)IE下控制div的高度很小的時候無效，特意查了一下相關(guān)文章。
最終有了解決方案，參考下面文章：
如果要制作一條高度小于12PX（大約）的線條，在IE中會顯示出高于實際高度的，看下面。
復(fù)制代碼 代碼如下:
style>
.line{
background: #CCCCCC;
height: 6px;
}/style>
div class="line">/div>
可看出實際高度大于6PX，這也算是IE的一個BUG吧。以下三種方法可解決這個問題，推薦使用第一種方法。
1：
復(fù)制代碼 代碼如下:
style>
.line11{
background: #CCCCCC;
height: 6px;
overflow: hidden;
}/style>
div class="line11">/div>
2. div之間要加個空格 注：IE5.0 無效
復(fù)制代碼 代碼如下:
style>
.line12{
background: #336699;
line-height: 6px;
}/style>
div class="line12"> /div>
3：
復(fù)制代碼 代碼如下:
style>
.line13{
background: #CC0000;
height: 6px;
font-size: 1px;
}/style>
div class="line13">/div>
