具有相对位置的html表应该在水平滚动条上可见

Question

我有html结构，如：

<table>
    <tr>
        <td colspan="11">                        
            <table style="vertical-align: middle; width=100%;" id="myInnerTable">
                <tr>
                    <td align="right">
                        Some controls
                    </td>
                </tr>
            </table>
        </td>
    </tr>
<tr id=”myOuterTableTR”>
...more <tr> tags
</table>

当没有水平滚动条时“某些控件”按预期向右对齐并且可见。但是当有水平滚动条时，“一些控件”会转到最右侧，并且它们不可见，用户必须向右滚动才能看到它们。

我想在屏幕上看到它们，即使有水平滚动条也不应该向右滚动才能看到它们。

我尝试将“myInnerTable”表设为固定位置，但在这种情况下，页面布局受到干扰，就像下一个tr标记myOuterTableTR与myInnerTable控件重叠的控件一样。所以我认为我需要myInnerTable位置只作为亲戚。

我想我需要编写一些JavaScript并检查是否有水平滚动条然后向myInnerTable添加一些右边距/空格，以便在不滚动的情况下可见。

另外，我没有使用JScript。