0

我无法理解此页面上的 css 出了什么问题。

在左侧边栏中有一个名为 testimonials 的 h3 元素，其下方有一个 3px 的绿色边框。

http://goo.gl/L7Lio

出于某种原因，边框一直延伸到其旁边下一列中的文本。

然而，在这个使用完全相同的 css 的页面上，它没有这个问题，所有东西都在左侧边栏中正确对齐。

http://goo.gl/oL3km

4

3 回答 3

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;
}

因此，您的主要内容比正确的内容宽 10 像素。我想你可能会错过sidebar-exist某个地方的课程。

于 2013-04-18T14:16:12.407 回答
0

内容 DIV 有 490px vs 500px（这里是 10px 的空间）

于 2013-04-18T14:15:40.110 回答
-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;. 这将解决问题，我已经检查了萤火虫:)

快乐编码:)

于 2013-04-18T14:17:08.400 回答