CSSで高さをパーセントで使用できますか？

Question

私はホバー効果を持つ5枚のバナー画像を使用していますし、

#banner 
{ 
    float:left; 
    width:99.025%; 
    padding:0 0 0 10px; 
    margin:0; 
    height: 16.714em; /* 234px*/ 
    position:relative; 
    overflow:hidden; 
    display:block; 
    background:url('/pages/images/bottom_wood_repeater.jpg') 0 104px repeat-x; 
} 

#banner img 
{ 
    float:left; 
    width:19.435%; /*197px;*/ 
} 

#banner a img 
{ 
    float:left; 
    display:block; 
} 

#banner a:hover img 
{ 
    float:left; 
    position:relative; 
    top:-16.714em; /* 234px*/ 
} 

は、私が代わりに全角の割合で高さを使用することができ、コードの下に使用して？

height: 16.714em; /* 234px*/ 

は、実際に私は、応答性のデザインを作成していますし、それが小さく、解像度またはモバイル用の問題を作成しています。

現在のサイト：事前にhttp://new.brandonplanning.com/home

感謝:)

Answer 1

はいなし。

具体的には、でない場合、は、親要素に固定された高さがない場合に実行できます。それについて考える：要素の高さが親の高さのパーセンテージに等しい場合、要素の高さを最初に計算する必要があります。しかし、親の高さを計算するには、最初にその子の高さを計算する必要があります。しかし、この子の高さを計算する前に、親の高さを計算する必要があります。あなたはこれがどこに向かうのかを見ます。

親がの場合、は固定された高さを持ち、子どもの高さのパーセンテージは良好です。

親がないは固定の高さを持っている、あなたはブラウザが単にあきらめ、height: autoを持つものとして子を扱います子供に割合の高さを設定した場合。

Answer 2

emの代わりに高さを使用できますか？

はいできます。 height:25%;ではなく、おそらく他の特性が加味されている場合、あなたが望むものを達成するつもりはない

身長

自動することができます - 。ブラウザは、高さを計算します。これは、デフォルト

長さである - などピクセル、センチ、高さを定義し

% - 含むブロックのパーセントで高さを定義し

あなたはまだレイアウトに問題がある場合クライアントがモバイル上にあるかどうかを検出し、異なるCSSを提示することができます。

Answer 3

私はなぜそうは見えないのですか？技術的には問題ありません。あなたは％を使ってみましたか？

Answer 4

単純に言えば、CSSで高さをパーセントで使用します。

Answer 5

あなたのCSSに「％」記号を追加していることを確認してください。常に％を使用できます。