在Blogger上浮动社交媒体重叠

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>

这是图片：

浮动社交媒体在页脚部分重叠。请查看上面的图片

Answer 1

你应该改变：

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

到

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

你可以重新考虑＆＃34; 20px＆＃34;按你的页脚高度。

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

Answer 2

作为一种快速解决方案，您可以将style='top: 35%;设置为更低的值，但请注意，这在所有屏幕尺寸上都不一定好看。

您可能必须针对这些特殊情况提出不同的解决方案，例如。使用css media queries。