css - 如何删除水平滚动条

Question

我想我必须使用 CSS 2.1，因为样式 overflow-x 不可用。 所以在下面的代码中，我有一个网格的标题，pageLength Id 为网格的内容放置了一个垂直滚动条。不幸的是，它还放入了一个我不需要的水平滚动条。 “overflow-x”不起作用，那又怎样呢？ CSS 看起来像；

#pageLength
{
    height: 400px;
    overflow:auto;
}

网格表看起来像这样；

<table >
    <tr>
        <th>
            Date
        </th>
        <th>
            Morning Only
        </th>
        <th>
            Afternoon Only
        </th>
        <th>
            Approved
        </th>
        <th>
            Cancel?
        </th>
    </tr>
    <tbody  id="pageLength">
    <%: Html.EditorForModel()%>
    </tbody>
</table>

***编辑 - 响应页面源请求

<table>
    <tr>

        <th>
            Date
        </th>
        <th>
            Morning Only
        </th>
        <th>
            Afternoon Only
        </th>
        <th>

            Approved
        </th>
        <th>
            Cancel?
        </th>
    </tr>
    <tbody  id="pageLength">

    <tr>
        <td>
            Wed, December 8, 2010
        </td>            
        <td align="center">

            No
        </td>
        <td align="center">
            No
        </td>
        <td align="center">
            No
        </td>
        <td align="center">
            <input name="[0].CancelFlag" type="checkbox" value="true" /><input name="[0].CancelFlag" type="hidden" value="false" />

            <input name="[0].AnnualLeaveBookedId" type="hidden" value="36" />
        </td>
    </tr>
    <tr>
        <td>
            Wed, December 15, 2010
        </td>            
        <td align="center">
            No
        </td>

        <td align="center">
            No
        </td>
        <td align="center">
            No
        </td>
        <td align="center">
            <input name="[1].CancelFlag" type="checkbox" value="true" /><input name="[1].CancelFlag" type="hidden" value="false" />
            <input name="[1].AnnualLeaveBookedId" type="hidden" value="37" />
        </td>

    </tr>

. . .

Answer 1

我认为#pageLength 应该有一个固定的宽度和高度。
此外，#pageLength 子节点不应超过#pageLength 的宽度，注意 CSS Box Model (考虑边距、填充和边框)，也许你应该使用 CSS Reset ).