Css 加入“;“固定位置”;对于我的侧边栏来说,元素定位不正确,如何解决这个问题?

Css 加入“;“固定位置”;对于我的侧边栏来说,元素定位不正确,如何解决这个问题?,css,css-position,sidebar,Css,Css Position,Sidebar,在我的博客页面上,我最近添加了 #sidebar{ position: fixed;} 这会导致(1)我的facebook图标向上移动到“订阅”文本所在的位置,(2)它使“侧边栏宽度发生变化,如第二张照片所示,(3)在右侧创建一个奇怪的边距。我希望侧边栏看起来与添加“位置固定”之前一样 #sidebar { position: fixed; font-family:"HelveticaNeue-Regular","Helvetica Neue Regular","Helvetica Neu

在我的博客页面上,我最近添加了

#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>&nbsp;<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 -->
#侧边栏{
位置:固定;
字体系列:“HelveticaNeue Regular”、“Helvetica Neue Regular”、“Helvetica Neue”、Helvetica、Arial、“Lucida Grande”、无衬线字体;字体重量:700;
文本对齐:居中;
边缘底部:60px;
背景:#F8F9FC;
边框:2px实心#E2E7F5;
填充:30px;}
通过电子邮件订阅:

  • 列表项


这是“订阅”部分的
内联块
样式

将其更改为
display:block
可以解决我的问题

见: