一个div(左边一个div,右边下面有4个div)

时间:2013-10-30 22:24:38

标签: html css

我正试图进入div'标题',左侧一个div(页面宽度的65%)和右侧的4个div,位于下方。

我尝试了很多东西,但是右边的div总是加倍左边的div。

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

enter image description here

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>

1 个答案:

答案 0 :(得分:0)

在这种情况下,这些div的高度取决于图像高度。因此,您只能通过添加到以下行的css来设置它:

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