css - 将 div 靠近帖子对齐

Question

我拥有一个博客网址http://www.rayaaskart.com/。我为社交分享按钮放置了一个代码。您可以看到它与我网站上的窗口左侧对齐。我想靠近博客文章。我如何通过修改 css 来做到这一点。我在此消息中包含了样式代码。

 <style>
.float_sharer 
{
 text-align:center;
 width:70px;
 border-radius: 10px;
 background-color:white;
 padding : 10px;
 position: fixed;
 box-shadow:0 0 10px #999 inset;
 top: 200px;
 left: 0px;
 z-index: 10;
 }
 </style>

Answer 1

更改left: 0px;为left: 20px;...20px 是一个示例 ...更改它以满足您的需要

Answer 2

省略left: 0px;它以使其位于原始位置，而是添加margin-left:-100px;到您的样式中以将其向左移动 100 像素（70 像素宽度 + 20 像素内边距 + 10 像素边距 = 100 像素）。

为了将它与您的主要内容很好地对齐，还可以省略top声明并将其替换为margin-top:8px;（与您给您的 相同的边距#main-wrapper）。