1

css height:100%のdivがある場合、その中にネストされたdivは、その親divのスペースのみを占めると思います。これは当てはまらないようです。

フラッシュゲームのWebページにヘッダーとフッターを表示しようとしています。垂直スクロールは必要ありません。コンテンツはページ全体を占める必要があります。私は次のようなdiv形式を持っています

<div id="wrapper">
    <div id="header"></div>
    <div id="swfcontent"></div>
    <div id="footer"></div>
</div>

ラッパーの高さを100%にし、ヘッダーの高さを3%、swfcontentの高さを95%、フッターの高さを2%にします。これは機能しますが、ブラウザのサイズに合わせて拡大縮小するヘッダーを持つことは望ましくありません。それは私のロゴを拡大縮小し、歪ませます。

私がやりたいのは、ヘッダーとフッターの静的ピクセルサイズを20と10pxにすることです。次に、swfは残りのスペースのすべて、つまり100%を占有します。ただし、これによりページが大きくなり、垂直方向に拡大縮小されます。

20pxのヘッダー、10pxのフッター、および垂直スクロールなしで残りのすべてのスペースを占めるswfを持つようにページを設定するにはどうすればよいですか。もちろん、これはブラウザがスケーリングされている場合でも機能する必要があります。

4

1 に答える 1

0

デフォルトでは a<div>position:staticであり、新しい位置付けられたコンテキストを確立しません。子のすべての幅、高さ、および位置は、div 自体に対して相対的ではなく、現在配置されている親に対して相対的です。

div に新しい座標系を確立させるには、position:relativeまたはposition:fixedまたはに設定しposition:absoluteます。

于 2013-02-22T02:28:36.560 に答える