2017-12-02 4 views
0

HTML5を使用してウェブサイトを作成していますが、特定の高さをnav要素に割り当てようとしています。私が書いた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

構文が正しいか、そうするには、ブラウザでのdevのツールを使用しますあなたのルールをオーバーライドしているものを特定してください – moped

+1

正しい構文がありません。 width:100%の後ろに半分の列を追加する必要があります。 –

+0

ブラウザキャッシュが問題になることがあります。何か変更があるかどうかを確認するには、Shift + F5キーを押して強制的に再読み込みを試みてください。 –

答えて

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

!importantキーワードは使用しないことをお勧めします。この場合の問題は構文エラーです。 –

+1

ひどい考えです。これは大きな頭痛を引き起こします。それは存在していますが、あなたがそれを使用しなければならない場合は、他の場所で何かが間違っている可能性があります。 –

+0

構文エラー?初めて聞きましたが、いつも問題なく使用されています。 –

関連する問題