我认为我必须使用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>
。 。
答案 0 :(得分:0)
我认为#pageLength应该有一个固定的宽度&amp;高度。
此外,#pageLength子节点不应超过#pageLength的宽度,请注意CSS Box Model(考虑边距,填充和边框),也许您应该使用CSS Reset。