一格（左邊是一個div，右邊是四個div）

Question

我試圖在div'header'中找到，左邊的一個div（頁面寬度爲65％）和4個div在右側，在下面。

我已經嘗試了很多東西，但右側的div總是加倍左側div的高度。

http://jsfiddle.net/Skydance/xxEDE/

HTML

<div id="header"> 

    <div id="logogedeelte"> 
     <img src="images/logo.png"> 
    </div> 

    <div id="navigationbar"> 
     <div class="home"> <img src="images/logo.png"></div> 
     <div class="collectie"><img src="images/logo.png"></div> 
     <div class="contact"><img src="images/logo.png"></div> 
     <div class="overons"><img src="images/logo.png"></div> 
    </div> 

</div> 

Answer 1

在這些div的這種情況下高度取決於圖像高度。所以你只能通過加入你的css以下行來設置它：

#logogedeelte, #navigationbar { 
    display: table-cell; 
}