2016-09-24 177 views
-1

我想爲頁腳添加邊框。爲什麼不顯示此CSS邊框?

下面是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> 
+1

請添加一些HTML代碼,我們可以看到如何添加這種行爲在你的代碼 –

+0

的其餘部分,請再檢查一次。 :) –

+1

@EsembledTrade請包括您的CSS選擇器,而不僅僅是您使用的屬性。我們不知道您要應用這些樣式的元素。還請包括輸出,生成的HTML,而不是輸入PHP – TylerH

回答

0

你可以在一個錯誤的class和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>

+0

嗨,我確定班級名稱是正確的。已經存在一個高度的規則。 「line-height:1.36em;」 –