0

我的问题很简单。在这个 jsfiddle: http: //jsfiddle.net/nyCKE/2/我有一个包含滚动条的表格,表格以固定的标题滚动。但我的问题是我不希望滚动条按原样显示在最后一列下方,我希望它显示在最后一列旁边,这样它就不会占用最后一个表格列旁边的空间。但是为了能够做到这一点,我需要更改 css/html 吗?

下面是HTML:

<table>
    <thead>
        <tr>
            <td>Problem</td>
            <td>Solution</td>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

下面是CSS:

table {
    background-color: #aaa;
}
tbody {
    background-color: #ddd;
    height: 100px;
    overflow: auto;
}
td {
    padding: 3px 10px;
}

thead > tr, tbody{
    display:block;}
4

1 回答 1

0
tbody{
    width: 110%; 

}

虽然这需要测试

于 2013-01-19T20:03:34.350 回答