Asp.net 调整手风琴的大小

我非常不喜欢手风琴以及如何使用它们，我正在尝试调整手风琴的宽度，如何/什么是更简单的方法，我正在使用它附带的示例css，但我没有看到任何宽度调整

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="Server" />
<asp:Accordion ID="MyAccordion" runat="server" 
                       SelectedIndex="0" 
                       HeaderCssClass="accordionHeader" 
                       ContentCssClass="accordionContent" 
                       FadeTransitions="true" 
                       FramesPerSecond="40" 
                       TransitionDuration="250"
                       AutoSize="None">
 <Panes>
      <asp:AccordionPane ID = "AccordionPane1" runat = "server">
      <Header>
        <a href = "" onclick = "return false;" class = "accordionLink"> Section 1</a>
      </Header>
      <Content>
        <p>Thi</p>
      </Content>
    </asp:AccordionPane>

    <asp:AccordionPane ID = "AccordionPane2" runat = "server">
      <Header>
        <a href = "" onclick = "return false;" class = "accordionLink"> Section 2</a>
      </Header>
      <Content>
        <p>Joe</p>
      </Content>
    </asp:AccordionPane>

    <asp:AccordionPane ID = "AccordionPane3" runat = "server">
      <Header>
        <a href = "" onclick = "return false;" class = "accordionLink"> Section 3</a>
      </Header>
      <Content>
        <p>So keep yoow Micro</p>
      </Content>
    </asp:AccordionPane>

    <asp:AccordionPane ID = "AccordionPane4" runat = "server">
      <Header>
        <a href = "" onclick = "return false;" class = "accordionLink"> Section 4</a>
      </Header>
      <Content>
        <p>>test</p>
      </Content>
    </asp:AccordionPane>
 </Panes>
 </asp:Accordion>


.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: white;
}

.watermark {
    background: #FFAAFF;
}

.popupControl {
    background-color:#AAD4FF;
    position:absolute;
    visibility:hidden;
    border-style:solid;
    border-color: Black;
    border-width: 2px;
}

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}

.sampleStyleA {
    background-color:#FFF;
}

.sampleStyleB {
    background-color:#FFF;
    font-family:monospace;
    font-size:10pt;
    font-weight:bold;
}

.sampleStyleC {
    background-color:#ddffdd;
    font-family:sans-serif;
    font-size:10pt;
    font-style:italic;
}

.sampleStyleD {
    background-color:Blue;
    color:White;
    font-family:Arial;
    font-size:10pt;
}

这

乔

所以保持你的微

>试验

.手风琴头
{
边框：1px实心#2F4F4F；
颜色：白色；
背景色：#2E4d7B；
字体系列：Arial，无衬线；
字体大小：12px；
字体大小：粗体；
填充物：5px；
边缘顶部：5px；
光标：指针；
}
.手风琴内容
{
背景色：#D3DEEF；
边框：1px虚线#2F4F4F；
边界顶部：无；
填充物：5px；
填充顶部：10px；
}
.手风琴链接
{
背景色：#D3DEEF；
颜色：白色；
}
.水印{
背景:#FFAAFF；
}
.popupControl{
背景色：#AAD4FF；
位置：绝对位置；
可见性：隐藏；
边框样式：实心；
边框颜色：黑色；
边框宽度：2倍；
}
莫达尔巴基德先生{
背景颜色：灰色；
过滤器：α（不透明度=70）；
不透明度：0.7；
}
莫达尔波普先生{
背景色：#ffffdd；
边框宽度：3倍；
边框样式：实心；
边框颜色：灰色；
填充：3倍；
宽度：250px；
}
sampleStyleA先生{
背景色：#FFF；
}
.样本类型b{
背景色：#FFF；
字体系列：monospace；
字号：10pt；
字体大小：粗体；
}
.sampleStyleC{
背景色：#ddffdd；
字体系列：无衬线；
字号：10pt；
字体：斜体；
}
.样本样式{
背景颜色：蓝色；
颜色：白色；
字体系列：Arial；
字号：10pt；
}

您可以为手风琴创建一个容器，并为其指定一个宽度，该宽度也将设置手风琴的宽度。比如：

<div id="divAccordionContainer" style="width:500px">
    <ajaxToolkit:Accordion ID="MyAccordion" runat="Server">
        ...
    </ajaxToolkit:Accordion>
</div>

...