css - CSSの幅/高さのピクセルとパーセンテージの計算の組み合わせ？

Question

高さ/幅のCSSプロパティを次のように設定する方法はありますか：100％-50pxしたがって、合計100％が1000pxの場合、最終結果は950pxになります。そして、100％はブラウザのサイズによって設定されます。

更新：私がやろうとしていることは：

2つのdivがあります。最初のdivの高さは50pxです。残りのスペースをカバーするために、2番目のdivの高さを指定します。

score 9 · Accepted Answer

css3には解決策がありますが、実際にはIEでもしばらくの間サポートされていると思います。

例：

width: -moz-calc(25% - 1em);

score 3 · Accepted Answer

ネットで検索してみたら、できないことに気づきました。シミュレートする唯一の方法は、JavaScriptとonresizeイベントで調整することです。

score 2 · Accepted Answer

幅自体ではありません。

余白および/または左右のパディングを合計50pxに設定する必要があります。

score 1 · Accepted Answer

ページ全体でこれが必要な場合：

body { margin: 0; padding: 25px; }

これにより、上部と下部にもパディングが表示されます。それを望まない場合は、それらをゼロに設定できます。

body { margin: 0; padding: 0 25px; }

注：ほとんどのブラウザは本文にデフォルトのマージンを使用しますが、一部の（Opera）は代わりにデフォルトのパディングを使用するため、常に本文にマージンとパディングの両方を指定する必要があります。

score 1 · Accepted Answer

2番目のdivセット

top=50px, 
bottom=0 
position=absolute

JavaScriptは必要ありません。

5 に答える 5