要素の実際の高さを取得し、固定量を引くことができるCSS定義を探したいと思います。ページの実際のサイズに対するHTML要素のサイズを変更する方法
要素の高さが200pxの場合（動的コンテンツのため）、高さを200-H（Hは固定数）に更新したいと考えています。
私は
height: calc(100% - 20px)
を使用してみました。しかし、それは実際に私はあなたが動的に取得するにはJavaScriptを使用しないようにしようとしていることを前提としてい要素
の動的な高さを指し100%ようには見えません。オブジェクトの次元。その場合は、動的オブジェクトのコンテナdivまで、DOM全体の高さを制御する必要があります。
html{height:100%;}
body{height:100%;}
div{
border: 1px solid green; /* just to test your output */
width:100px;
height: calc(50% + 20px);
height: -moz-calc(50% + 20px);
height: -ms-calc(50% + 20px);
height: -o-calc(50% + 20px);
height: -webkit-calc(50% + 20px);
}
divの「上」には、高さが100％と指定されていることに注意してください。
これが役に立ちます。
編集：さまざまなウェブキットの指定も重要です。
私は前にcalcを使用しましたが、測定100％は要素自体ではなく親要素（または最も近い明示的にサイズの定められた親または何か）です。要素を別の要素にラップする必要があるかもしれませんが、それは別の方法で実現できるもののように聞こえます。'の効果は何ですか？または、CSSのプリプロセッサを調べて、1つの問題が残っているうちにもう1つの良いツールになるかもしれません。 – wunth
また、上下の要素の下にある要素の一部を隠すために、余白とZ-インデックスを使用することもできます。 – wunth