Disqus评论重叠我的页脚

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

我已经看过其他问题，但它似乎与HTML和CSS的东西可以横行在这么多不同的方式这些问题没有太多帮助。

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

这里的下面 enter image description here

CSS的文章部分，在div文章英尺，其容纳disqus注释代码没有应用任何样式的屏幕截图。

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

来源

2014-12-07 steffan

我打开网站，我看不到任何问题... – Alin 2014-12-07 13:09:16

滚动到底部，评论是 – steffan 2014-12-07 13:15:01

我使用谷歌浏览器，我没有看到你的网站上有这样的事情。 – Alin 2014-12-07 13:21:23

你说：周围的意见div有此刻上没有的款式......

话虽这么说，这是显而易见的，为什么重叠的现象发生，您没有设置宽度，包含评论部分的div的高度和位置。

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

来源

2014-12-07 14:12:39 Alin

谢谢我在看这个这么久我忘了添加宽度/高度属性。即使回复，也不会注意到错误。感谢您的支持！ – steffan 2014-12-07 14:32:41

好吧，下次再多加点小心，因为它会卡住这样的事情;）很高兴我能帮忙;） – Alin 2014-12-07 14:34:52

Disqus评论重叠我的页脚

回答

相关问题