-4

一路走来，这个网站上的 CSS 出了点问题。一些帖子，侧栏位于右侧的正确位置：http ://emgraphics.net/legacyjar/category/the-civil-rights-movement/ 。但在页面和其他帖子上，它已在#wrapper 区域 ( http://emgraphics.net/legacyjar/ ) 下方滑行。我只对#comments 部分的 css 进行了更改，但我没有看到任何可能影响它的内容。玩弄了所有元素的宽度、清晰的设置等，但无法确定这一点。任何帮助表示赞赏！

4

3 回答 3

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 后，一切都应该正常工作。

于 2013-09-19T19:46:52.417 回答
2

两件事情：

  • 你让你的 CSS 比它必须的更努力。您将容器设置为 100% 宽度，然后尝试使用负边距为侧边栏提供空间。相反，给主容器一个设定的宽度。您的网站不是流畅的，所以让自己的生活更轻松！

这是相关的CSS：

#container {
  float: left;
  width: 720px;
}
  • 你过早地关闭了你的 div 之一。您在页面某处有太多关闭的 div，侧边栏被推下。如果您使用的是 FF 或 Chrome，请按 F12 并查看侧边栏导航。您会在错误页面上看到 div 不在#main 中，但它在好页面上。
于 2013-09-19T19:42:51.030 回答
0

啊哈！如果它是一个标准的 html 网站，这一切都说得通。但我使用的是一个通用的 20 个 WordPress 模板，其中包含我编辑过的 css。所有页面都有相同的 index/head/sidebar php 文件。然而，comments.php 文件中有一个额外的 div 标签。因此，不允许评论的页面有效。但是允许它们的页面/帖子变得很不稳定，即使没有评论，甚至没有可见的评论表格。感谢您提供有关额外 div 标签的提示！

于 2013-09-19T20:17:51.840 回答