首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >博客上的浮动社交媒体重叠

博客上的浮动社交媒体重叠
EN

Stack Overflow用户
提问于 2014-10-11 01:45:40
回答 2查看 215关注 0票数 0
代码语言:javascript
运行
复制
<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>

如下图所示:

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

EN

回答 2

Stack Overflow用户

发布于 2014-10-11 01:50:38

你应该改变:

代码语言:javascript
运行
复制
<div class="bookmark" style='top: 35%; position: fixed; left: 6%;'>

代码语言:javascript
运行
复制
<div class="bookmark" style='bottom: 20px; position: fixed; left: 6%;'>

你可以用你的页脚的高度来替换"20px“。

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

票数 1
EN

Stack Overflow用户

发布于 2014-10-11 01:50:12

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

对于那些特殊的情况,你可能不得不想出一个不同的解决方案。使用css media queries

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26305157

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档