css:表格高度不配合

Question

我不能创建一个我已经“嵌入”在另一个div中的表，它可以任意的高/短：

#header table.rates {
    float: left;
    width: 210px;
    border: 1px solid black;
    border-collapse: collapse;
    padding:0;
    margin: 5px;
    font-family: Verdana, Helvetica, Arial;
    font-size: 10px;
}

#header {
    clear:both;
    float:left;
    width:100%;
    border-bottom:1px solid #000;
    background: #9c9;
    padding-top: 10px;
    padding-bottom: 10px;
    font: small-caps 40px/40px "Times New Roman", serif;
    color: #282;
}

在html中，它是<div id='header'>...<table class='rates'>...

该表垂直展开标题div，再多的tr, td或table元素也无法使其协同工作。我遗漏了什么？

Answer 1

很抱歉这里的网络干扰，伙计们，问题是

#header { font: small-caps 40px\40px "Times New Roman", serif; }

将行修改为font: small-caps 40px "Times New Roman", serif;允许我根据需要访问表的height属性。

里尔