css - Wordpress facebook 评论插件显示在顶部

Question

Facebook 评论有一个小问题。出于某种原因，我的主题与插件不太兼容。

如果您单击以检查该元素，它会自行修复(不知道为什么)。另外，如果您在评论框中添加更多文本，则框下方的内容不会向下移动。那么有没有办法只用 css 正确对齐框？ (我尝试了2-3个不同的插件，但我遇到了同样的问题)

网站: http://www.viskasseimai.lt/

附言它在单个帖子上运行良好，但主页内部出现问题...

使用的插件: https://wordpress.org/support/plugin/facebookall/page/3

Answer 1

问题在于 .blog-grid 元素的 absolute 定位。 position 和 top 值在 facebook 评论框附加到元素之前被显式声明并设置为内联样式。所以这些计算不考虑附加元素，因为它们发生在它被引入之前。

CSS

.blog-grid.element.column-1.masonry-brick {
    position: relative !important;
    top: auto !important;
}

由于使用了 !important 声明，上述规则将对元素的每个实例过度限定内联规则。如果您希望这些规则仅适用于主页，请将 .home 添加为 .blog-grid 之前的前置选择器，相同的方法适用于存档页面或特定分类法键入页面。