Disqus评论重叠我的页脚

Question

大家好，我在这个项目上取得了很多进展，但现在我在集成disqus评论系统时似乎遇到了一个小问题。

我已经看过其他问题但是看起来html和css似乎有很多不同的方式，这些问题并没有太大帮助。

它与页面底部的页脚重叠。我会发布一个示例页面的链接，请帮忙。感谢。

http://blubee.me/journal/“disqus重叠页脚”

这是下面的截图

css文章部分，包含disqus评论代码的div文章页脚没有应用任何样式。

.article-header .title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.5em;
  padding: 0 0 10px 0;
}

.article-meta {
  text-align: left;
  margin-top: -10px;
}

.article-meta img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

.article-meta ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.article-meta ul li {
  display: inline-block;
}

.article-meta ul li a {
  text-decoration: none;
}

.article-meta ul li a:hover {
  color: #fff;
}

    .journals h1, .journals h2, .journals h3, .journals h4, .journals h5, .content h1, .content h2, .content h3, .content h4, .content h5 {
      text-transform: uppercase;
      font-weight: bold;
      font-size: 1.5em;
      padding: 20px 0 15px 0; }

Answer 1

你说：评论周围的div目前还没有样式 ......

话虽如此，很明显为什么会发生重叠，你没有为包含评论部分的div设置宽度，高度和位置。

为了解决这个问题，你必须定义它们。 这将解决您的问题。