表的动态宽度

时间:2013-07-06 13:24:20

标签: html css

我有一个简单的div,这里是代码:

<html>
<head>
    <title>Head</title>
<style>
div.ex {
    height:700px;
    width:150px;
    padding:10px;
    border:1px solid gray;
    margin-bottom:10px;
    float:left;
    text_color:#ffffff;

}

</style>
</head>
<body>
<div class="ex">

</div>
</body>

现在,我有一张桌子,我想要使用所有空间。我该怎么办?

1 个答案:

答案 0 :(得分:1)

如果我让你正确尝试这个......

<html>
    <head>
        <title>Head</title>
<style>
div.ex {
    height:700px;
    width:150px;
    <!--padding:10px;-->
    border:1px solid gray;
    margin-bottom:10px;
    float:left;
    text_color:#ffffff;

}
table{
width:100%;
height:100%;
}
</style>
    </head>
    <body>
    <div class="ex">
        <table>
        <tr>
            <td>
            test
            </td>
        </tr>
        </table>
    </div>
    </body>
</html>

因为要使用整个div空间,所以从div中删除填充..