asp.net-ajax - 日历扩展器无法正确显示

Question

我在页面上使用 ajax 日历扩展器控件，虽然扩展器 block 显示正确，但其内容却不然:

这是我用来将其写入页面的代码:

<table class="tblForm">
    <tr>
        <td valign="top">
            <asp:TextBox runat="server" ID="txtPickupDate" AutoPostBack="true"></asp:TextBox>
            <aj:CalendarExtender runat="server" ID="calPickup" TargetControlID="txtPickupDate" Format="yyyy-MM-dd">
            </aj:CalendarExtender>
        </td>
    </tr>
</table>

没有任何样式规则直接应用于 CalendarExtender，但我确实有可能相关的 css:

.tblForm
{
    display: block;
}
.tblForm td
{
    width: 245px;
    float: left;
}

有人见过这个吗？有谁知道这可能是什么？

预先感谢您的帮助!

编辑
我尝试删除 float ，虽然这修复了 CalendarExtender，但它也使容器表中的每个单元格不对齐。我还尝试将 clear: Both; 设置为 CalendarExtender，但这会使其背景消失。

Answer 1

好吧，我已经弄清楚了:)

问题出在表格单元格的 CSS 上。修改单元格的宽度也会修改日历扩展器写入的表格内单元格的宽度。

为了解决这个问题，我删除了表格上的所有 float 及其子元素，并声明了一个新类来设置宽度，然后我从包含日历的单元格中省略了该宽度:

.tblForm 
{
    display: block;
}
.tblForm tr.wider td, tblForm .wider
{
    width: 245px;
}