我无法理解本页css中出现的错误。
在左侧边栏上有一个名为推荐书的h3元素,下面有一个3px绿色边框。
由于某种原因,边框会直接显示在旁边的下一列中的文本。
然而,在这个使用完全相同的CSS的页面上没有那个问题,所有内容都正确地在左侧边栏中对齐。
答案 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:)
快乐编码:)