Question

我的问题很简单。在这个jsfiddle：http://jsfiddle.net/nyCKE/2/我有一个atable包含一个滚动条，表格滚动固定标题。但我的问题是我不希望滚动条显示在最后一列的下面，我希望它显示在最后一列的旁边，这样它就不会占用最后一列表旁边的空格。但是为了能够做到这一点，我还需要更改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;}

Answer 1

tbody{
    width: 110%; 

}

这需要通过

进行测试

如何正确地将滚动条放在桌子旁边？

1 个答案: