0

私のブログページに、最近追加しました

#sidebar{ position: fixed;}

これにより、（1）「購読」テキストがある場所に私のFacebookアイコンが移動し、（2）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 -->
  • リスト項目

ここに画像の説明を入力

ここに画像の説明を入力

4

1 に答える 1

1

inline-block「購読」セクションのスタイルです。

それを変更するとdisplay: block、問題が解決します。

参照: http://codepen.io/paulroub/pen/cjLim

于 2013-09-03T18:22:43.363 に答える