如何调整 ajax 控件工具包的 calendarextender 的大小使其触摸友好，我已经成功修改了 css 属性，但是在选择月份或年份时，月份（或年份）与日期重叠，并且在做出选择后不会折叠。
这是我目前使用的css：
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:450px;font-size:28px;text-align:center;font-family:tahoma,verdana,helvetica; z 指数：10000；} .ajax__calendar_body {height:360px;width:450px;position:relative;overflow:hidden;margin:auto;} .ajax__calendar_days {top:0px;left:0px;height:360px;width:450px;position:absolute;text-对齐：居中；边距：自动；可见性：可见；} .ajax__calendar_months{top:0px;left:0px;width:450px;position:absolute;text-align:center;margin: 0 0 -5px 0; 填充：0 0 1px 0；溢出：隐藏；背景颜色：#ffffff；} .ajax__calendar_years {顶部：0px；左侧：0px；宽度：450px；位置：绝对；文本对齐：中心；边距：-10px；溢出：隐藏；}
.ajax__calendar_container TABLE {font-size:32px;} .ajax__calendar_header {height:40px;width:100%; z-index: 1000;} .ajax__calendar_prev {cursor:pointer;width:45px;height:45px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(< %=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);background-color: #D3DEEF;} .ajax__calendar_next {cursor:pointer;width:45px;height:45px;float:right;background-repeat :no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);background-color: #D3DEEF;} . ajax__calendar_title {cursor:pointer;font-weight:bold;} .ajax__calendar_footer {height:33px;} .ajax__calendar_today {cursor:pointer;padding-top:3px;} .ajax__calendar_dayname {height:28px;width:34px;text-align:对；填充：0 4px -10px 0;} .ajax__calendar_day {font-size:20px;height:51px;width:54px;text-align:right;padding:0 4px;cursor:pointer;} .ajax__calendar_month {font-size:18px;height ：45px；宽度：60px；文本对齐：居中；光标：指针；溢出：隐藏；垂直对齐：中间；边距：-1px 0 1px 0;} .ajax__calendar_year {font-size:18px;height:46px;width:60px;text-align:center;cursor:pointer;overflow:hidden; 垂直对齐：中间；}
.ajax_ calendar .ajax _calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;} .ajax_ calendar .ajax _calendar_footer {border-top:1px solid #f5f5f5;} .ajax_ calendar .ajax _calendar_dayname {border-bottom:1px solid #f5f5f5;} .ajax_ calendar .ajax _calendar_day {border:1px solid #D3DEEF;} .ajax_ calendar .ajax _calendar_month {border:1px solid #D3DEEF;background-color:#ffffff;} .ajax_日历 .ajax _calendar_year {border:1px solid #D3DEEF;background-color:#ffffff;}
.ajax_日历 .ajax _calendar_active .ajax__calendar_day {背景颜色：#edf9ff；边框颜色：#0066cc；颜色：#0066cc；} .ajax_日历 .ajax _calendar_active .ajax__calendar_month {背景颜色：#edf9ff；边框颜色：# 0066cc；颜色：#0066cc；} .ajax_日历 .ajax _calendar_active .ajax__calendar_year {背景颜色：#edf9ff；边框颜色：#0066cc；颜色：#0066cc；}
.ajax_日历 .ajax _calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;} .ajax_ calendar .ajax _calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:# ffffff;颜色:#646464;}
.ajax_日历 .ajax _calendar_hover .ajax__calendar_day {背景颜色：#edf9ff；边框颜色：#daf2fc；颜色：#0066cc；} .ajax_日历 .ajax _calendar_hover .ajax__calendar_month {背景颜色：#edf9ff；边框颜色：# daf2fc;color:#0066cc;} .ajax_ calendar .ajax _calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax_日历 .ajax _calendar_hover .ajax__calendar_title {color:#0066cc;} .ajax_ calendar .ajax _calendar_hover .ajax__calendar_today {color:#0066cc;}
使用这种 CSS 样式，我可以避免重叠，但是月份和年份不再足够大，并且不会填满整个屏幕。有没有人有这方面的经验？