这是我的标记（现场重现):
<body>
<div style="text-align:center">header <input class='datepicker'/></div>
<table><tr><td>really wide table.....................</td></tr></table>
</body>
当日期选择器被激活时，标题 div 的宽度从屏幕的宽度更改为表格的宽度（更大）。这会导致标题的居中内容转移到新的中心......这非常烦人。
这种情况在 IE6 中发生，但在 FF3.5、IE8 或 IE8 兼容模式中不会发生。
将标题 div 的宽度固定为窗口宽度（而不是内容）的最佳方法是什么？
注意：可能有一个比日期选择器简单得多的示例——可能不涉及 jQuery——这只是触发我的因素，所以我以这种方式发布它。这是一个例子添加 dom 元素而不会触发此问题。
容器或 CSS 指令的简单组合似乎对我不起作用。这就是我最终所做的（我的堆栈中已经有 jquery）：
// set the header div's width in px on page load/window resize
$(window).bind('load resize', function() {
$('#header').css('width', $(window).width() - 20 /* scrollbars */);
});
这肯定是一个管道胶带解决方案：它更多地治疗症状而不是根本原因......但它似乎工作得足够好，我可以继续做更好的事情。
我相信这个问题存在一个纯CSS解决方案......如果你有它，请发布它！
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
