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> <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
可以解决我的问题
见: