Facebook Like 按钮 iFrame 被网站内容覆盖
我成功地将 Facebook Like 按钮添加到我的每个博客的帖子中。
问题:标题超过一行的帖子会覆盖“赞”按钮。 (请参阅我的博客。请向下滚动到有问题的帖子。
)我所知道的:
(1)“headline_area”div 包括标题和作者姓名。每个帖子的内容正文始终位于该 div 的正下方。
(2) 当帖子的标题只有一行行时,Facebook Like 按钮会再次保持在标题底部。因为“headline_area”div 是一致的,所以帖子的正文位于标题、作者和类似 facebook 的按钮下方。
(3) 当标题是两行时,“headline_area”div 保持不变,但“赞”按钮会被第二行按下。帖子内容与 header_area div 保持一致,从而与“赞”按钮重叠。
我希望这是清楚的。非常感谢任何帮助!
I successfully added the Facebook Like button to each my blog's posts.
The problem: posts whose titles are longer than one line cover the Like button. (See my blog here. Scroll half way down to posts with the problem, please.)
Here's what I know:
(1)the "headline_area" div includes the title and the author name. The content body of each posts is always directly beneath that div.
(2) When the title of a post is only one line, the Facebook Like button stays up again the bottom of the title. Because the "headline_area" div is consistent, the body of the post stays below both the title, author, and facebook like buttons.
(3) When the title is two lines, the "headline_area" div remains the same, but the Like button gets pushed down by the second line. The post content stays up against the headline_area div, thus overlapping the Like button.
I hope that is clear. Any help is much appreciated!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
问题出在 CSS
.headline_area
样式上。它将固定高度定义为height: 80px
(custom.css:7
)。尝试删除它并更改 facebook(如 iframe 高度)。The problem is with CSS
.headline_area
style. It has defined fixed height toheight: 80px
(custom.css:7
). Try removing it and changing facebook like iframe height.