html - Blogger 上的 float 社交媒体重叠

Question

<div class="bookmark" style='top: 35%; position: fixed; left: 6%;'>
<div id='pageshare' title="Get this from amazingeworld.com">
<div class='shareaholic-canvas' data-app='share_buttons' data-app-id='10714211'></div>
</div></div>

这是图片:

float 社交媒体在页 footer 分重叠。请检查上图

Answer 1

你应该改变:

<div class="bookmark" style='top: 35%; position: fixed; left: 6%;'>

到

<div class="bookmark" style='bottom: 20px; position: fixed; left: 6%;'>

您可以将“20px”替换为页脚的高度。

提示:如果您有权访问 CSS 文件，则应避免使用内联 CSS 并将样式放在应有的位置:在外部样式表中。