在我的博客页面上，我最近添加了
#sidebar{ position: fixed;}
然后导致（1）我的facebook图标向上移动“订阅”文本所在的位置，（2）它使“侧边栏宽度发生变化，如第二张照片所示，（3）在右侧创建一个奇怪的边距。我希望侧边栏看起来就像在添加固定位置之前一样。
#sidebar {
position: fixed;
font-family:"HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; font-weight:700;
text-align:center;
margin-bottom:60px;
background:#F8F9FC;
border:2px solid #E2E7F5;
padding:30px;}
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Blog-JeffreyDowellPhotography', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Subscribe via Email:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="Blog-JeffreyDowellPhotography" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" style=" margin-bottom: 40px;"/></form>
<p style="display:inline-block; vertical-align:middle; margin-top: 0; margin-bottom:37px; padding-top:20px; padding-bottom:20px; border-bottom: 2px solid #E2E7F5; border-top: 2px solid #E2E7F5;" href="http://feeds.feedburner.com/Blog-JeffreyDowellPhotography" rel="alternate" type="application/rss+xml"><img src="//feedburner.google.com/fb/images/pub/feed-icon16x16.png" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/Blog-JeffreyDowellPhotography" rel="alternate" type="application/rss+xml">Subscribe via RSS</a></p>
<!-- Facebook Badge START -->
<a href="https://www.facebook.com/JeffreyDowellPhotography" target="_TOP" title="Jeffrey Dowell Photography">
<img src="https://badge.facebook.com/badge/696174530397916.3512.386387771.png" style="border: 0px;" />
</a>
<!-- Facebook Badge END -->
- 项目清单
