jQuery UI datepicker的自动宽度在IE7中不起作用

Question

我想将datepicker小工具用于不同的语言，其中一些语言可能有更多的周名字符，而有些语言（如英语）只有3个字符用于短周名称，即dayNamesMin。

如上所示，除IE7外，宽度会自动调整

.ui-datepicker {width: auto;} 

在大多数其他浏览器中。

有人遇到过这个问题吗？有什么好的建议来解决ie7宽度问题吗？

Answer 1

以下似乎可以解决问题（但我不确定）：

.ui-datepicker {
    width: auto;
    padding-top: 2.6em;
}
.ui-datepicker .ui-datepicker-header {
    position: absolute;
    top: 0.2em;
    left: 0.2em;
    right: 0.2em;
}
.ui-datepicker table {
    width: auto;
}

我有：

• 制作最外面的div自动宽度（覆盖硬编码宽度）
  • 并添加了顶部填充（见下文）
• 自此以后标题绝对定位
  • 在IE7中（在给定条件下），100％和自动宽度均无效，因此使用了left: 0 + right: 0
  • 顶部填充占据标题所需的空间
• 该表设置为自动宽度，因为100％在IE7中似乎不起作用（在给定条件下）

Code here / Demo here