このCSSの枠線が表示されないのはなぜですか？

Question

フッタに枠線を追加したいとします。ここで

は、CSS線である：

position: fixed; 
bottom: 0; 
right: 0; 
left: 0; 
clear: both; 
line-height: 1.36em; 
padding: 08px 0px 0px; 
text-align: center; 
margin: 0px auto; 
background: #fff; 
border-top: 5px solid #4cb6cb; 

私が間違って設定されていますか？境界線が表示されることを時々ブロックすると思います。ここで

はhtmlです：

<div id="page_footer"> 
    <div id="bottom_nav"> 
     <a href="/about"><?php echo $LANG['footer-about']; ?></a> 
     <a href="/terms"><?php echo $LANG['footer-terms']; ?></a> 
     <a href="/support"><?php echo $LANG['footer-support']; ?></a> 
    </div> 

    <div id="footer" class="clear"> 
     <?php echo APP_TITLE; ?> © <?php echo APP_YEAR; ?> 
     <a class="lang_link" href="javascript:void(0)" onclick="App.getLanguageBox('<?php echo $LANG['page-language']; ?>'); return false;"><?php echo $LANG['lang-name']; ?></a> 
    </div> 

Answer 1

あなたは間違っているクラスまたはIDでこれを適用することができます。あなたのコードは問題ありません。 HEIGHTのルールをフッター自体に追加し、クラス名を再度確認してください。

#footer { 
 
position: fixed; 
 
bottom: 0; 
 
right: 0; 
 
left: 0; 
 
clear: both; 
 
line-height: 1.36em; 
 
padding: 08px 0px 0px; 
 
text-align: center; 
 
margin: 0px auto; 
 
background: #fff; 
 
border-top: 5px solid #4cb6cb; 
 
}

<div id="page_footer"> 
 

 
     <div id="bottom_nav"> 
 
      <a href="/about">A link here></a> 
 
      <a href="/terms">A link here</a> 
 
      <a href="/support">A link here</a> 
 
     </div> 
 

 
     <div id="footer" class="clear"> 
 
      <?php echo APP_TITLE; ?> © <?php echo APP_YEAR; ?> 
 
      <a class="lang_link" href="javascript:void(0)" onclick="App.getLanguageBox('<?php echo $LANG['page-language']; ?>'); return false;"><?php echo $LANG['lang-name']; ?></a> 
 
     </div> 
 
</div>