C# 日历控件运行不正常

我对包含日历控件的用户控件有问题。 在visual studio 2015的“设计”视图中，它看起来不错：

但是，在浏览器中的任何浏览器中，它的外观如下所示：

我试着在任何我能想到的地方将宽度设置为330px，但它似乎总是以某种方式获得1084的宽度

有人有类似的问题吗？问题在哪里？ 还有希望吗

以下是用户控件的代码：

    <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TimeKalender.ascx.cs" Inherits="Blodbanken.TimeKalender" %>
<link rel="Stylesheet" type="text/css" href="StyleSheet1.css" id="style" runat="server" visible="false" />
<div class="kalender" style="width:330px;">
<asp:Calendar ID="Calendar1"  runat="server" BackColor="White" BorderColor="Black" BorderStyle="Solid" CellSpacing="1" Font-Names="Verdana" Font-Size="9pt" ForeColor="Black" Height="250px" NextPrevFormat="ShortMonth" Width="100%">
    <DayHeaderStyle Font-Bold="True" Font-Size="8pt" ForeColor="#333333" Height="8pt" />
    <DayStyle BackColor="#CCCCCC" />
    <NextPrevStyle Font-Bold="True" Font-Size="8pt" ForeColor="White" />
    <OtherMonthDayStyle ForeColor="#999999" />
    <SelectedDayStyle BackColor="#E60000" ForeColor="White" />
    <TitleStyle BackColor="Red" BorderStyle="None" Font-Bold="True" Font-Size="12pt" ForeColor="White" Height="12pt" />
    <TodayDayStyle BackColor="#999999" ForeColor="White" />
</asp:Calendar>
</div>
    <asp:Label ID="lblLedigeTimer" runat="server" Text="Available appointments:" Font-Bold="True"></asp:Label>
    <br />

    <asp:CheckBoxList ID="CheckBoxList1" runat="server">
        <asp:ListItem>08:00 </asp:ListItem>
        <asp:ListItem>09:00 </asp:ListItem>
        <asp:ListItem>10:00 </asp:ListItem>
        <asp:ListItem>11:00 </asp:ListItem>
        <asp:ListItem>12:00 </asp:ListItem>
        <asp:ListItem>13:00 </asp:ListItem>
        <asp:ListItem>14:00 </asp:ListItem>
        <asp:ListItem>15:00 </asp:ListItem>
    </asp:CheckBoxList>

<asp:Button ID="Button1" runat="server" Text="Book it!" Width="119px" />

08:00 
09:00 
10:00 
11:00 
12:00 
13:00 
14:00 
15:00 

我不确定是否是这样，因为您声明将宽度设置为330px，但在示例HTML中将宽度设置为100%

<asp:Calendar ... NextPrevFormat="ShortMonth" Width="100%">

去掉宽度定义，让大小由父div定义

结果是asp:calendar标记转换成了一堆og表标记。还有一些a标签被导航菜单的css所影响。

---

谢谢你的意见

您是否尝试过使用浏览器的开发工具（F12）来查看页面中的CSS是如何影响它的？我尝试过，但我想不出来。似乎asp:calendar标记在html中变成了各种各样的表标记，而这正是所有这些标记的来源，并且没有任何css专门应用于表。至少不是故意的。我只有一些应用于列表，这是我使用的导航菜单。我正在使用asp日历控件，从“工具”窗格拖放。@Schpenn这就是为什么你应该按照freefaller的建议，使用浏览器的工具查看CSS应用于HTML元素的原因。好吧，你是对的。这是一种尝试，将整个内容放在一个330像素的div中，并将日历设置为100%。相同的结果：-（如果你忽略了它，它不会填充整个div吗？遗憾的是，不会。我设置的日历宽度或者我是否删除了整个值似乎都无关紧要。在发表此评论时，F12评论被提升了6次。认真学习使用它！你可以解决所有奇怪的CSS继承问题