在 wordpress 主题中找不到父元素答案

【问题标题】：Can't find parent element in wordpress theme在 wordpress 主题中找不到父元素
【发布时间】：2011-12-11 10:54:51
【问题描述】：

我整天都在开车去 Arkham Asylum 状态，试图弄清楚为什么我在这个网站顶部的 div 不能正常工作

touchoflunacy.com

包含链接和搜索的 div 没有正确排列。我尝试了常见的怀疑方法，例如在标题中的 div 周围添加不同颜色的 20px 边框，以确定需要编辑哪个边框，但边框没有显示出来，所以有些东西覆盖了它们，我可以一辈子不知道是什么。

我还尝试添加溢出：隐藏；到标题中的所有元素（div#search div#header div#head bar 等......）以及#body 元素和#wrapper 无效。

我对 css 还很陌生，所以如果有人能告诉我要更改哪个元素以及我会使用什么，我将永远感激你并为正确答案投票！

谢谢！

【问题讨论】：

标签： css wordpress html alignment

【解决方案1】：

这些人说得对，你要学会使用 Firebug！这将为您节省数小时的时间。

例如，在 firebug 中使用 10 秒，我可以看到将位于第 2095 行的 /wp-content/w3tc/min/e4c7880c.00cd94.css 的 CSS 文件更改为 margin-top:14px 到 0px；将使您的搜索框与导航菜单内联。

我也会删除 clear:both;从搜索元素。从我所见，它不需要它。相反，我会添加 clear:both;在第 2054 行到 #inner 周围，以防止下一个水平 div 与浮动标题元素重叠。

然后我会从第 2062 行的“#header #inner #logo a”元素中删除 -22px 顶部，因为它会导致更多重叠问题。而不是负顶部，我会调整徽标元素的高度以匹配您的图形文件。因此，在第 2058 行，我将 height:99px 更改为 height:122px，这是您的徽标的正确高度。（或者将您的徽标大小调整为 99 像素高）。

你有，我用 Firebug 在你的网站上测试了所有这些更改！

【讨论】：

谢谢！我已经让 div 对齐，但它们在标题中仍然较低，这有助于将它们向上移动。谢谢！

【解决方案2】：

我注意到的第一件事是您正在浮动您的 div。我有更好的运气使用定位将 div 放在我希望它们去的地方。这是一些示例代码（通常样式在 css 文件中）

<div style="position:relative;width:500px;height:28px;"><!-- Wrapper -->
 <div style="position:abolute;top:0;left:0;width:100px;">CONTENT</div> <!--first div located top left -->
 <div style="position:abolute;top:0;left:400px;width:100px;">CONTENT</div> <!--second div located top right -->
</div>

这将允许您将 div 排列到您的确切布局。

【讨论】：

这有助于将它一直向上移动！谢谢！

【解决方案3】：

要确保显示您设置的边框，请尝试将它们设置为 !important。这应该可以帮助您调试问题。

div {
    border: 1px solid #F00 !important;
}

【讨论】：

这有助于突出问题，当与 chrome 结合使用时，可以帮助我快速识别问题。谢谢！

【解决方案4】：

您是否尝试过检查 Chrome 开发工具或 Firebug 中的元素？这样做会向您显示当前应用的所有 CSS 样式，并允许您实时编辑它们以确定您需要进行哪些更改。

要检查，只需右键单击有问题的元素/区域并选择检查元素。

【讨论】：

这很有帮助。我一直在使用 firebug，但是当我查看 chrome 时，它帮助我更快地突出显示问题！在几个协同作用的元素中有一个块标签和一个填充标签。 . .
我尝试添加谢谢！但它不会让我编辑所以谢谢！