Question

以下脚本将滚动条定位在屏幕的最右侧。我希望它直接位于桌子右边。

请注意，此表中的所有样式都是由JavaScript添加的。

我以为我会使用var width=$('.body').width();获取表格宽度，并使用<div>将其应用于封闭的$('.container').width(width);

问题是滚动条占用空间，并且不恰当地压缩表格。

我可以随意添加一些额外的宽度，但是，担心不同的浏览器可能会有所不同。

如何最好地完成这项工作？谢谢

<body>
    <div id="myTable">
        <table class="header"></table>
        <div class="container" style="overflow-y:auto; height:40px;">
            <table class="body">
                <tbody>
                    <tr>
                        <td style="width:100px">ddd</td>
                        <td style="width:110px">ccc</td>
                        <td style="width:120px">42</td>
                    </tr>
                    <tr>
                        <td>ddd</td>
                        <td>ccc</td>
                        <td>42</td>
                    </tr>
                    <tr>
                        <td>ddd</td>
                        <td>ccc</td>
                        <td>42</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <table class="footer"></table>
    </div>
</body>

将滚动条定位在子元素旁边

0 个答案: