div忽略樣式表的高度

這讓我瘋狂。我似乎無法控制下面的div.down_arrow元素的高度 -div忽略樣式表的高度

... 
<div id="filters"> 
    ... 
    <span>All</span> 
    <div class="down_arrow"> 
     <img src="images/down_arrow.png" alt=""/> 
    </div> 
    ... 
</div> 
...

我已經得到了下面的CSS -

#filters { 
    float: right; 
    padding: 24px 10px 0 0; 
} 

#filters div { 
    display: inline; 
} 

#filters div.down_arrow, 
#filters div.down_arrow img { 
    height: 12px; 
    width: 23px; 
} 

#filters div.down_arrow:hover ing { 
     opacity: 0; 
}

Safari開發工具告訴我的高度和寬度，我div.down_arrow仍然有效果（即沒有通過屬性的行 - 沒有其他的重寫它們）。但屏幕上的小彈出窗口顯示div.down_arrow的尺寸爲27px x 16px。我可以看到元素大於它包含的img元素。

我不明白髮生了什麼 - 它看起來像高度似乎是從前面的span元素（我不知道是什麼影響寬度）。

來源

2013-01-15 Aidan Ewen

display: inline;變化到display: inline-block;

的問題是隻能手動控制塊的元件，而不是內聯元件的寬度/高度。

來源

2013-01-15 11:40:46 AlienHoboken

謝謝，就是這樣！（不知道爲什麼Safari不顯示我的身高屬性無效）。 –

內嵌元素不會受到高度

來源

2013-01-15 11:40:36 hank

div忽略樣式表的高度

回答

相關問題