css - 使用 CSS 设置页面样式时遇到问题

Question

我的网站存档页面有问题。我不明白它在做什么，因为 .entry-content 样式已经完美地设置为它在博客页面上的样子。但是，当您转到存档页面时，它会变得紧凑而紧凑，并且页脚的左侧甚至还有一个间隙。我的类别做同样的事情，但是网站上的所有其他样式都很好。我正在使用 firebug 来查看样式，但通过它，我什至看不到 .entry-content CSS 样式没有出现时可能发生的情况。

任何建议将不胜感激。

Answer 1

归档页面中有一个名为“date”的类应用于正文标记，因此只需从该类中删除 padding-left 即可修复您的网站页脚。

.date {
 color: #666;
 position: relative;
 padding-left: 10px;/* Remove This*/
 min-height: 10px;
}

现在，发布日期问题：我可以看到您在标签内使用了包装的帖子标题，但它在存档页面和标题显示中的包装内标签设置为阻止。所以只需将标题标签更改为存档页面中的跨度。下面是您要跨度的代码更改标头。它在所有页面代码中具有良好的主要一致性。

<header class="entry-header">
    <h1 class="title">
      <a href="http://www.averylawoffice.ca/averywordpress/?p=10" title="Permalink to Looking for someone to hire?" rel="bookmark">Looking for someone to hire?</a>
   </h1>
   <div class="entry-meta">Posted on: March 27, 2012 </div><!-- .entry-meta -->
</header>

Answer 2

只需height从

.entry-header {
    font-weight: bold;
    height: 50px; /* remove this */
    margin-left: 0;
    text-align: left;
    width: 400px;
}