div に残りの高さまたは幅を埋める方法_html/css_WEB-ITnose-htmlチュートリアル-php.cn

div に残りの高さまたは幅を埋める方法_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:01:23

オリジナル

2533 人が閲覧しました

div2 を含む div1 があり、div2 が固定の高さでレイアウトされているとします。残りの高さを div3 でカバーするにはどうすればよいでしょうか。ご自身で作成したコードを添付してください。ありがとうございます。

ディスカッション（解決策）に返信

人気を求めています。

function getdomheight(dom){ // dom の高さを取得する
return dom.offsetHeight; }

var div1 = document.getElementById('div1 の id')
var div2 = do cment.getElementById ( 'div2 の id');
var div3 = document.getElementById('div3 の id');

div3.style.height = getdomheight(div2) +'px';

は減算です。 function getdomheight(dom){ // dom の高さを取得します
return dom.offsetHeight; }

var div1 = document.getElementById('div1 の id')
var div2 = document.getElementById('div2 の id') );
var div3 = document.getElementById('div3's id');

div3.style.height = getdomheight(div2) +'px';
は単なる減算です
役に立ちますか? CSSで実現できるのでしょうか？

function getdomheight(dom){ // dom の高さを取得する
return dom.offsetHeight }

var div1 = document.getElementById('div1's id') ; v2 = ドキュメント.getElementById('div2 の id');
var div3 = document.getElementById('div3 の id');

div3.style.height = getdomheight(div2) +'px'; 以上です

CSSでそれを実現することは可能ですか？

CSS ボックスのレイアウトをチェックしてください
さらに、古いブラウザではサポートされていません

function getdomheight(dom){ //dom の高さを取得します

Return dom.offsetHeight
}

var div1; = document.getElementById ('div1 の id');
var div2 = document.getElementById('div2 の id');

div3.style.height = getdomheight(div1) ) - getdomheight(div2) +'px';

は減算です

このメソッドは機能しません、例外はスローされませんか?

互換性の高い jQuery を使用して高さの減算を取得します。
以下の例では、境界線は目的の効果が得られるかどうかを確認するためにのみ使用されます。実際のアプリケーションに境界線がある場合は、境界線を取り込む必要があります。減算時のアカウント

style="height:500px ;width:400px;border:1px ソリッドレッド;">