html - CSS:将 div 高度设置为 100%

Question

请看一下这个 jsFiddle:http://jsfiddle.net/omarjuvera/TpWNY/#base

我想要<div class="client"> “继承”<div class="contact">的高度(两个内部 div 的大小相同)

请记住 <div class="client"> 上的内容或 <div class="contact">会动态变化。因此，无法知道预定义的高度。然而，<div class="client">将始终有 2 或 3 行。

HTML

<div id="conteiner">
    <div class="client">Name: <br/>Phone:<br/>Emergency</div>
    <div class="contact">
        Contact 1<br/>
        Contact 2<br/>
        Contact 3<br/>
        Contact 4<br/>
        Contact 5<br/>
        Contact 6<br/>
        Contact 7<br/>
        Contact 8<br/>
    </div>
</div>

CSS

#conteiner {position: relative;}
#conteiner div {
    display: inline-block;
    border: 2px solid red;
    vertical-align: top;
    height: 100%;
}
#conteiner .client {
    width: 200px;
}
#conteiner .contact {
    width: 400px;
}

=== 编辑(2012 年 7 月 12 日)===
最终 jsFiddle:http://jsfiddle.net/omarjuvera/TpWNY/
谢谢@christofer-vilander !!!

Answer 1

就这一次，我建议使用 <table>因为你实际上是在制作一张 table 。 :)