この 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 !!!