在 jQuery 中创建时 Div 宽度会导致 IE 中出现错误
我正在 HTML/CSS/JQuery 中创建一个日程表/日历视图，以帮助我了解有关这三者的一些知识。
所以，如果你去...
http://handtomouthmusic.co.uk/Test.html
...你可以看到这一切的开始。 “静态”视图就是这样，而“动态”视图是使用 jQuery 创建的。
我目前面临的问题是“.caption”类的宽度似乎导致“.bar”div 在 IE 中查看时消失？如果你用谷歌浏览器查看应该没问题。
正如您在示例中看到的，它仅发生在“动态”部分。
任何想法是什么导致了这个？
注意：如果我在 IE 中按 F12 并禁用宽度属性，然后重新启用它，一切都会按预期显示吗？为什么加载的时候不行呢？
I'm creating a schedule/calendar view in HTML/CSS/JQuery to help me learn a few things about all three.
So, if you go to....
http://handtomouthmusic.co.uk/Test.html
...you can see the beginnings of it all. The "Static" view is just that, and the "Dynamic" view is created using jQuery.
The problem I face at the moment is that the width on the ".caption" class seems to be causing the ".bar" divs to disappear when viewed in IE? If you look in Google Chrome it should be fine.
As you can see in the example, it is only happening on the "Dynamic" section.
Any ideas what is causing this?
Note: If I press F12 in IE and disable the width attribute, then re-enable it, everything appears as it should? Why not when loaded?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
由于未定义 DOCTYPE，页面以怪异模式呈现。
设置一项，以便页面以标准模式呈现。
它对我来说效果很好，尽管静态显示了一些问题（发生这种情况是因为您没有定义宽度和位置的单位，您应该在金额后添加
px，因此内联宽度应该是100px而不是100等..）The page renders in quirks mode because there is not DOCTYPE defined.
Set one so that the page renders in Standards mode.
It works fine for me although the static shows some problems then (that happens because you do not define a unit for the widths and positions, you should add
pxafter the amount, so the inline widths should be100pxand not100etc..)