我該如何讓徽標背景填充標題？

Question

我想知道如何做到這一點的標誌背景發現here

如果您發現向左浮動，以及如何白色的「d」是填充頭的整個高度紅色背景的標誌。我知道如何浮動它和所有東西，我只需要知道如何製作具有一定寬度的背景顏色以填充標題的整個高度。順便說一下，我假設頭部已經沒有設定的高度。

在此先感謝！

Answer 1

無論您的浮動div是用於徽標的id或class，只需將背景顏色應用於CSS。

如果您正在尋找某種動態高度應用程序;設置html，body和div div元素都有'height：100％'。

發佈您的代碼示例將有所幫助。

Answer 2

你可能想嘗試這樣的事情（fiddle here）：

HTML：

<div id="Header"> 
    <img id="Logo" src="http://goo.gl/uDkk1X" /> 
</div> 

CSS：

#Header { 
    width: 600px; 
    height: 60px; 
    background: #333333; 
} 

#Logo { 
    width: 60px; 
    height: 60px; 
    float: left; 
    background: #666666; 
} 

正如你所看到的，已經是圖像具有透明度，所以任何背景顏色設置爲block將r影響實際圖像。要麼或者將img放在另一個具有指定背景顏色的容器中。