[已回答] 繼續求助-logo和導航欄高度問題

一團和氣

頁頭高度問題解決了，現在出現logo和導航欄高度問題，logo高度沒有自動居中，導航欄也沒有自動跟隨分欄綫，見圖，再求助。謝謝！

下載 (105.37 KB)

2012-12-26 01:05

{:5_124:}

ALB3RT

<style>
#menu{margin-top:20px};
#header h2{margin-top:20px};
</style>

放在第三方代码那，建议你去了解css代码。受益无穷哦。

章鱼

楼上正解，建议楼主自学一些简单的css

一團和氣

謝謝兩位！
嗯，我會去學習一下的，受教。

一團和氣

回復 2# ALB3RT


     ALB3RT和章魚大大好！我加了你給的代碼發現logo和導航欄都同時降下了，logo的高度上下沒有辦法單獨調整。
     但發現代碼#menu{margin-top:20px};這句好象有沒有都可以，沒有反應出變化。
     只要#header h2{margin-top:20px};一句可以，logo和導航欄同時下降，所以問題又來了，logo的高度沒有辦法單獨調整。

     請再教我一下，問題出在哪裏？感謝！
     
     {:5_132:}

章鱼

回復 5# 一團和氣


   
因为导航条的position是absolute嘛
所以正确的代码

1. <style>#header h2{margin:0 20px 0 20px;}</style>

複製代碼

一團和氣

回復 6# 章鱼

謝謝章魚大大！   

我學習了，終于明白了。我也開始學CSS了，活到老，學到老。嘻嘻。

    {:5_160:}
  
     1.如果margin只有三個值，按照值的順序為margin：top right bottom; 缺少了left，根據原則，則left的值有right來代替。
        margin:10px 20px 30px;就等於margin:10px 20px 30px 20px;
     2.如果margin只有兩個值，按照值的順序為margin：top right; 缺少了bottom和left，根據原則left的值由right來代替， bottm的值由top來代替。
        margin:10px 20px;就等於margin:10px 20px 10px 20px;
     3.如果margin只有一個值，按照值的順序為margin:top; 缺少了bottom、left和right，根據原則left的值由right來代替，bottom的值由top來代替，right的值右top來代替，也就是說left的值也由top來代替。 margin:10px;就等於margin:10px 10px 10px 10px;

章鱼

回復 7# 一團和氣


   
对的，自己动手，丰衣足食！

小枫

……logo大小改一下不就可以了么。。

一團和氣

回復 9# 小枫


    謝謝，已解決，非logo大小問題，而是logo和導航欄的相對位置的設定。