Question

在这个网站上的某些地方出现了一些问题。一些帖子，侧栏位于右侧的正确位置：http://emgraphics.net/legacyjar/category/the-civil-rights-movement/。但是在Pages和其他帖子上，它已经在#wrapper区域（http://emgraphics.net/legacyjar/）之下。我只对#comments部分css进行了更改，但我没有看到任何可能影响它的内容。已经骗过了所有元素的宽度，清晰的设置等等，并且无法解决这个问题。任何帮助表示赞赏！

Answer 1

两件事：

你的CSS工作比以前更难。您将容器设置为100％宽度，然后尝试使用负边距来提供侧边栏空间。相反，给主容器设置一个宽度。您的网站不流畅，所以让自己的生活更轻松！

这是相关的CSS：

#container {
  float: left;
  width: 720px;
}

你过早地关闭了你的一个div。在页面中某处有一个太多的关闭div，侧边栏被按下。如果您使用的是FF或Chrome，请按F12并调查侧边栏导航。您会看到div不在错误页面上的#main中，但它位于好页面上。

Answer 2

这不是CSS，而是HTML布局

<div id="primary" class="widget-area" role="complementary"></div>

应该包含在

中

<div id="main"></div>

像这样......

<div id="main">
    <div id="primary" class="widget-area" role="complementary"></div>
</div>

但在http://emgraphics.net/legacyjar/上，你的主要div就在这个主要的div之外...

<div id="main"></div>
<div id="primary" class="widget-area" role="complementary"></div>

一旦你将主要div移回主div内，一切都应该可以正常工作。

Answer 3

AHHA！如果它是一个标准的HTML网站，这一切都有意义。但我正在使用一个通用的二十个模板用于WordPress和我编辑过的css。所有页面都有相同的索引/头/侧边栏php文件。但是，comments.php文件中有一个额外的div标签。因此，不允许评论的页面有效。但是，如果没有评论或者甚至可以看到评论表单，那么允许它们的页面/帖子就会变得很糟糕。感谢额外div标签的提示！

css在某些页面上工作，但在其他页面上没有

3 个答案: