2

我正在使用 jquery 内联验证插件: http ://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

这里:

http://bybyweb.com/mealbook/user/add

如果你测试这个页面(通过点击底部的上传),在较低的屏幕分辨率(小于 1680x1050)上,你会注意到奇怪的滚动到左侧(滚动顶部是默认的,正常行为)......我用过这个以前的插件,我从来没有遇到过类似的问题......

我的 html/css 结构可能有问题。如果您知道可能是什么-请提供帮助。谢谢!

4

1 回答 1

0

如果您拿走,body{overflow-x: hidden;}您可以在较小的窗口尺寸处看到页面右侧有额外的空间。这个额外的空间是由于设置的宽度大于它们在#header.

  1. 在您#header将宽度设置#logo_main_menu940px。这意味着所有子元素需要加起来达到 940px。
  2. 272px在该 div 中,您设置了on#logo705pxon的宽度#search。他们加起来一共977px没有940px
  3. 为了使事情变得更糟,#search您将 的宽度设置#menu940px,这意味着实际上您现在正试图适应940 + 272 = 1212px您设置为 的空间940px
  4. 我确信其中还有其他元素#search也具有固定宽度。

总而言之,您需要确保如果使用固定像素宽度,它们都加起来等于父容器的宽度,在本例中为 940px

ps 我测试了删除这些宽度,并且滚动似乎运行良好。没有横向运动。在更小的宽度上,它又开始看起来有点奇怪。要进行全面测试,您需要确保body{overflow-x: hidden;}已关闭并且所有宽度都加到它们的容器中。

于 2013-02-23T14:55:42.600 回答