【发布时间】：2012-06-20 07:18:37
【问题描述】：
我正在制作一个完全灵活的、基于百分比的布局。
它的左侧有一个导航栏，可以从完整模式切换到小模式 - 为了实现这一点（因为导航是绝对定位的），我在主要内容的包装 div 上添加填充，作为调整内部内容大小的一种方式。
我添加了一个快速的 jQuery 函数来执行此操作，但是当我在 Chrome 中单击它时，主要内容会脱离它的容器 - 容器不会调整回 100% 宽度。
这似乎只发生在 Chrome 中 - 有人知道为什么，或者我能做些什么来解决它吗？
该网站可以在这里找到： http://dev.barringtonmedia.co.uk/test/layout.html
问题可以在以下图片中看到：
用它创建了一个 jsfiddle，如果你喜欢玩的话： http://jsfiddle.net/Dycd4/
【问题讨论】：
-
其实需求不是很明确，能不能说清楚具体需求？
-
当前在 chrome 中的行为是错误的，当你点击切换布局按钮时，主布局（被白色边框包围）从它的父 div（红色背景）中分离出来。这不应该发生，也不会在任何其他（非 webkit）浏览器中发生。我需要知道为什么会发生这种情况，或者如何阻止它！！！干杯！
-
请标记或css？我认为这是该元素没有调整大小而不是填充的问题。
-
奇怪的事情 - 在 Chrome 的检查器中，如果您单击一个元素（任何元素），布局会自行更正。
-
是啊，还是稍微调整一下窗口大小吧，我是拼命找jquery的“刷新布局”功能。好像不存在！我做了一个小提琴：jsfiddle.net/Dycd4
标签： css html google-chrome layout