html - 1 个 div（左侧 1 个 div，右侧下方 4 个 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;
}