Html CSS：将div heigth设置为100%

请看一下这个JSFIDLE：

我希望

继承

的高度（两个内部分区的大小相同）

请记住，

或

上的内容都将动态更改。因此，无法知道预定义的高度。但是，

将始终有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>

==编辑（2012年12月7日）===
最后一段：

---

谢谢你!

仅此一次，我建议您使用

，因为您实际上是在制作表格。：）

仅此一次，我建议您使用

，因为您实际上是在制作表格。：）

如果我没有错，那么您希望客户端div和联系人div的高度应该相同

请使用以下代码进行相同操作：-

​$(document).ready(function(){
   $('.client').height($('.contact').height());
});​

如果有任何帮助或问题，请检查并让我知道

问候,，

---

Durgaprasad

如果我没有错，那么您希望客户端div和联系人div的高度应该相同

请使用以下代码进行相同操作：-

​$(document).ready(function(){
   $('.client').height($('.contact').height());
});​

如果有任何帮助或问题，请检查并让我知道

问候,，

---

杜加普拉萨德身高：100%仅在父元素具有设置的高度时起作用。您可以这样做：

---

高度：100%仅在父元素具有设置的高度时起作用。您可以这样做：

如何使用
显示：表格和
显示：表格单元格并使其行为类似于表元素

类似这样的东西-
使用
display:table和
显示：表格单元格并使其行为类似于表元素

类似这样的东西-
是的，桌子实际上可以是好的，尽管它们的名声不好。表格对…表格特别有用。@daniel问题是，数据来自数据库查询，我无法确定要跨越多少行（
）@daniel如果您不知道x，您将如何指定
rowspan=“x”
？是的，表格实际上是好的，尽管它们的名声不好。表格对…表格特别有用。@daniel问题是，数据来自数据库查询，我无法确定要跨越多少行（
）@daniel如果您不知道x，您将如何指定
rowspan=“x”
？这也可以通过css实现吗？据我所知，您可以使用表布局，也可以使用JavaScript。有一篇文章介绍了如何使两个2 div元素的高度相同。请参阅linkI尝试了您提供的文档，但它不起作用：这也可以通过css实现吗？据我所知，您可以使用table layout，也可以使用JavaScript。有一篇文章介绍了如何使两个2 div元素的高度相同。请参考linkI，我尝试了您提供的文档，但它不起作用：如果我知道要将它们设置为的高度，这将起作用。但是，高度将根据内容动态更改-我更新了我的问题，将我忘记提及的这一点包括在内。如果我知道要设置的高度，这将起作用。但是，高度将根据内容动态更改-我更新了我的问题，加入了我忘记提到的这一点。这个答案很完美。不仅如此，我还可以将其应用于不同的情况（除此之外），如垂直列等。感谢您将容器更改为类。我没有看到那个错误。这个答案是完美的。不仅如此，我还可以将其应用于不同的情况（除此之外），如垂直列等。感谢您将容器更改为类。我没有看到那个错误。
#conteiner {
    position: relative;
    height:200px;  // set height of container. 
}
#conteiner div {
    display: inline-block;
    border: 2px solid red;
    vertical-align: top;
    height: 100%;
    overflow:auto; // allow the div to scroll if necessary.
}
#conteiner .client {
    width: 200px;
}
#conteiner .contact {
    width: 400px;
}