宽度问题有两页

时间:2013-04-18 14:07:42

标签: php wordpress css3

我无法理解本页css中出现的错误。

在左侧边栏上有一个名为推荐书的h3元素,下面有一个3px绿色边框。

http://goo.gl/L7Lio

由于某种原因,边框会直接显示在旁边的下一列中的文本。

然而,在这个使用完全相同的CSS的页面上没有那个问题,所有内容都正确地在左侧边栏中对齐。

http://goo.gl/oL3km

3 个答案:

答案 0 :(得分:1)

您的内容CSS类为floatright posts,宽度为500px。规则设置在这里:

.single-page-testimonial .posts {
    width: 500px;
}

正确页面内容的CSS类为post floatright sidebar-exist(附加sidebar-exist类),宽度为490px。规则在这里:

.single-page-no .post.sidebar-exist {
    width: 490px;
}

所以你的主要内容比正确的10px宽。我想你可能会错过某个地方的sidebar-exist课程。

答案 1 :(得分:0)

内容DIV有490px vs 500px(这里是10px的空间)

答案 2 :(得分:-1)

.post h1, .mid-title { border-bottom: 3px solid #004732; color: #004732; font-size: 18px; line-height: 30px; margin: 10px 0; padding: 0; }这种css风格正在覆盖你的h3风格,你面对这个问题的家伙。

解决方案: 只需将margin: 10px 0;替换为margin: 10px;即可。这将解决问题,我已经检查过firebug:)

快乐编码:)