在 wordpress 网站中导航时，网页内容有点移动

Question

我使用 wordpress 开发了一个网站，问题是在页面之间导航时，它似乎有点移动（导航栏和内容等）。也就是说，如果内容在一个地方，它会在另一个页面中移动一点。

我试图找出问题所在。最后我找到了问题，但没有找到解决方案。

问题是，我正在为 wordpress 使用 pagelines 主题。因为它在加载时使用来自http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold 的 droid sans 它使用的是我提到的浏览器默认字体或备用字体。这是问题所在。不同的字体有不同的样式和空间等。这就是网页看起来有点移动的原因。

任何机构都可以请解释一下我该如何解决这个问题。

关于屏幕截图：因为，我们无法显示在我没有附加的屏幕截图中移动的内容。 谁能告诉我会是什么问题以及如何解决它

所有这些都是我的假设，就像它发生在较小的页面内容一样，如果还有其他问题使它移动，请告诉我。

提前致谢

编辑：（css代码->dynamic.css）

/* Import Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold);

/* Set Type */
h1, h2, h3, h4, h5, h6, .site-title{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:0.05em;text-transform:uppercase;font-weight:normal;font-variant:normal;font-style:normal;}

body, .font1, .font-primary, .commentlist{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:-0.05em;text-transform:none;font-weight:normal;font-variant:normal;font-style:normal;}

.font2, .font-sub, ul.main-nav li a, #secondnav li a, .metabar, .subtext, .subhead, .widget-title, .post-comments, .reply a, .editpage, #pagination .wp-pagenavi, .post-edit-link, #wp-calendar caption, #wp-calendar thead th, .soapbox-links a, .fancybox, .standard-form .admin-links, #featurenav a, .pagelines-blink, .ftitle small{font-family:"Droid Sans", "Lucida Grande", Tahoma, sans-serif;letter-spacing:-0.05em;text-transform:uppercase;font-weight:normal;font-variant:normal;font-style:normal;}

Answer 1

"感谢您发布代码，

您发布的这段代码一切正常，

fiddle http://jsfiddle.net/MarmeeK/HPu7X/

请参考小提琴并更改您要检查的代码，然后更新并发回。

我还没有找到任何更改。

==== 编辑

如果问题与特定选项卡有关，请查看带有:hover 样式的选项卡样式，这将引导您找到问题源.. :)"

=== 现场审核后编辑，

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:           0;
    top:            34px; /* match top ul list item height */
    z-index:        99;
}

现在，问题出在包含菜单规则的 OTHER CSS 文件中。

这适用于更奇怪的对齐而不是相对位置。 top: 34px 是一个不应该存在的怪异步骤......

您应该将每个 li:hover 与此类代码分开，因为这是使 TAB 移动的唯一原因..

/*** ESSENTIAL STYLES ***/

和Demo skin 不稳定...请逐步纠正它们，这样就可以了:)

Uppdated fillde : http://jsfiddle.net/MarmeeK/HPu7X/1/

我已尝试更新它，但不必要的 CSS 太多，请聘请一位专业人员来帮助解决此问题

我不会回复太多，因为这花了我很多时间。谢谢