1

html に div を設定し、残りのスペースで 2 つ目の div を設定したい..これは簡単だと思いますが、それを行うのは難しいです。

固定の高さで div を設定し、残りのスペースで 2 番目を作成したい、そのようなもの:

<div class="div1">1st</div>
<div class="div2">2nd</div>

CSS:

div.div1{background: #999; height: 78px;}
div.div2{ background: #666; height: (remaining_space); }

それが可能だ？

4

3 に答える 3

1

他の SO ユーザーが言ったように、CSS だけでこれを行うクロスブラウザの方法はありません。質問にタグを付けていないことに気づきましたjavascriptが、jQueryを使用して解決策を提案します

$(document).ready(function() {
    var docHeight = $(document).height();
    var div1Height = $('.div1').height();
    var div2Height = docHeight - div1Height;
    $('.div2').css('height', div2Height);
});

http://jsfiddle.net/FakeHeal/TjPQ6/

于 2013-07-24T00:00:45.417 に答える