gpt4 book ai didi

css - 添加了 jQuery 填充的 HTML 更新行为很奇怪。 ( Chrome )

转载 作者:行者123 更新时间:2023-11-28 13:32:33 25 4
gpt4 key购买 nike

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

它的左侧有一个导航栏,可以从完整模式切换到小型模式 - 为了实现这一点(因为导航是绝对定位的)我在主要内容的包装 div 上添加了填充,作为调整内部内容大小的一种方式。

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

这似乎只发生在 Chrome 中 - 有谁知道为什么,或者我可以做些什么来应对它?

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

问题如下图所示: Chrome - incorrect behaviour - the white bordered box has broken out of the red box

Firefox - correct behaviour, no breakout has occurred.

用它创建了一个 jsfiddle,如果你喜欢玩的话: http://jsfiddle.net/Dycd4/

最佳答案

这个问题我已经见过好几次了。

我在这里的回答中的修复有效:jQuery CSS rendering - works in Firefox, not in Chrome

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

关于css - 添加了 jQuery 填充的 HTML 更新行为很奇怪。 ( Chrome ),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11080845/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com