动态自动调整jQuery日期选择器的大小，使其适合div

我在内嵌模式下使用jQuery日期选择器（UI1.10）。我没有找到一种方法来动态地将它的大小重新调整为它所在div的100%（宽度和高度）。我在论坛上找到了调整日期选择器大小的方法，可以改变字体大小，但我需要一些可以让我做如下事情的东西

#Datepicker
{width:100%;
height:100%;
}

到目前为止，我已经能够通过使用

div.ui-datepicker{
 width:100%;
 height:100%;
}

table.ui-datepicker-calendar{
 width:100%;
 height:100%;
}

.ui-state-default{
 width:100%;
 height:100%;
}

#DayEvents
{
 width:50%;
 height:100%;
 background-color:#FFFFFF;
 float:right;
 position:relative;
}

但它看起来很难看，因为一些子div和表会因为填充和边距而被裁剪

做这件事最简单、最容易维护的方法是什么？是否有其他jQuery工具可以显示日历并让我选择应该查看的日期？我想datepicker正是我需要的

提前谢谢

这是瘦子

编辑CSS文件中的所有“.ui-*”选择器，删除对像素、点等的所有引用。所有大小都可以用“em”单位表示

然后编辑CSS文件中最上面的选择器，如下所示：

.ui-datepicker
{
    font-size: 12px; /* Entire calendar scales by this value. same as 9pt*/

这必须是CSS文件中唯一的像素值

根据经验，用0.3em替换3px，用1.0em替换10px等