为什么我的日历控件的标题位于与日历不同的位置？

Question

我有一个绝对定位的日历，但标题并不是日历本身。

HTML / CSS与页面上的其他日历控件相同，似乎工作正常。

<asp:Calendar ID="Calendar1" runat="server" CssClass="auto-style2"></asp:Calendar>

CSS：

.auto-style2 {
            position: absolute;
            top: 146px;
            left: 642px;
            z-index: 1;
            width: 430px;
        }

如果我尝试移动日历或标题，它们会同时移动但仍然相互远离。

造成这种情况的原因是什么？

Answer 1

这是我为最近的项目定义日历的方式：

<asp:Calendar ID="calStartDate" runat="server" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="184px" Width="200px" OnSelectionChanged="calStart_SelectionChanged">
                            <DayHeaderStyle BackColor="#5FD367" Font-Bold="True" Font-Size="7pt" />
                            <NextPrevStyle VerticalAlign="Bottom" />
                            <OtherMonthDayStyle ForeColor="#808080" />
                            <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
                            <SelectorStyle BackColor="#CCCCCC" />
                            <TitleStyle BackColor="#005555" BorderColor="Black" Font-Bold="True" />
                            <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
                            <WeekendDayStyle BackColor="#FFFFCC" />
                        </asp:Calendar>