2017-12-02 291 views
0

我在製作一個使用HTML 5的網站,我正在嘗試爲導航元素指定一定的高度。在我寫的CSS文件中,元素的高度並沒有改變:CSS命令不能在CSS文件中工作,但在主HTML中工作

nav { 
    top: 0px; 
    right: 0px; 
    left: 0px; 
    position: fixed; 
    width: 100% 
    height: 5%; 
    background-color: white; 
} 

然而,當我去到HTML文件,然後又做了一次,但它確實:

<style> 
    nav { 
     height: 5%; 
    } 
</style> 

任何方式解決這個問題的同時仍然使用CSS文件?

+0

語法是正確的,所以使用開發工具在瀏覽器中確定什麼是重寫您的規則 – moped

+1

沒有語法不正確。這是一個css語法錯誤,在height屬性之前,在寬度之後:100%你需要添加一個半列 –

+0

有時瀏覽器緩存是問題。嘗試使用Shift + F5在chrome中強制重新加載,以查看是否有更改。 –

回答

3

你只是一個語法錯誤:

nav{ 
top: 0px; 
right: 0px; 
left: 0px; 
position: fixed; 
width: 100%; <~~ you should put semi column at the end of each line 
height: 5%; 
background-color: white; 
} 
-1

要做好做強任何CSS樣式,使其像這樣:

nav{ 
    width: 100% !important; 
    height: 5% !important; 
} 
+0

不推薦使用!重要的關鍵字。在這種情況下的問題只是一個語法錯誤 –

+1

糟糕的想法。這可能會導致嚴重的頭痛。它的存在和工作,但如果你必須使用它,其他地方可能有問題。 –

+0

語法錯誤?第一次聽說,它一直使用沒有任何問題。 –

相關問題