javascript - 调试 CSS(可能是 JavaScript 或 JQuery)问题

Question

问题:这个页面有问题:http://kivusandcamera.com/blog/该页面以正确的布局加载，但随后两个博客条目“跳”到导航栏后面的左侧。我花了很多时间尝试处理各种 CSS，使用开发人员工具检查它，等等......，但我已经到了我觉得需要一些帮助的地步。任何建议将不胜感激。

背景:这只是一个基本的 Wordpress 主题，我正在尝试为网站自定义，所以我不是 100% 确定如何

附加信息:虽然我对 CSS 略微熟悉，但我几乎没有做过任何涉及响应式设计、媒体查询等的工作...基本上，我是说 (1) 如果它真的很简单，我不会感到惊讶我想念的，以及 (2) 如果可以用更好的方法做某事，请随时告诉我。

更新 - 看起来这个问题可能与 Javascript 或 JQuery 相关。基本上，样式属性被注入(inject)到其中一个 div 标签中。 style属性用的是绝对位置，有一定的宽度，不知道怎么修改。

更新 #2 - 我在主题中设置为“全宽”的任何页面似乎都会出现问题(另请参阅 http://kivusandcamera.com/about 页面。)我认为这些页面必须由使用的 JS 布局框架进行不同的处理.同样，我仍然没有弄清楚这一切是如何发生的。

Answer 1

原来有两个不同的问题:

(1) JQuery 自动布局框架正在调整各个页面列的大小，假设导航栏与博客条目的各个列的大小相同。这导致了一个必须解决的问题。

(2) 必须更新整页 CSS 以反射(reflect)缺少可调整大小的导航栏。

最终，这些问题对于这个特定的 Wordpress 主题非常具体，因此我怀疑对解决方案的完整描述是否会给社区带来很大好处。感谢所有帮助我找到解决方案的人。