添加了jQuery填充的HTML更新很奇怪。 （铬）

Question

我正在制作完全灵活的基于百分比的布局。

左侧有一个导航栏，可以从完全模式切换到小模式 - 为了达到这个目的（因为导航是绝对定位的）我在主要内容的包装div上添加了填充，作为调整内在内容的一种方式。

我添加了一个快速的jQuery函数来执行此操作，但是当我在Chrome中单击它时，主要内容突破了它的容器 - 容器不会调整回100％宽度。

这似乎只发生在Chrome中 - 有人知道为什么，或者我能做些什么来对付它？

该网站可在此处找到： http://dev.barringtonmedia.co.uk/test/layout.html

问题可以在以下图片中看到：

如果你喜欢戏剧，用它创建一个jsfiddle： http://jsfiddle.net/Dycd4/

Answer 1

我现在已经多次见过这个问题了。

我的回答中的解决方法有效：jQuery CSS rendering - works in Firefox, not in Chrome

此处它适用于您的代码：http://jsfiddle.net/thirtydot/Dycd4/1/

Answer 2

不是关于渲染问题背后原因的真实答案，而是一个建议：您实际上可以使用css媒体查询而不是jQuery来控制不同宽度的CSS。

纯粹主义者的W3C链接：http://www.w3.org/TR/css3-mediaqueries/

MDN动手指南：https://developer.mozilla.org/en/CSS/Media_queries