2

ASP.NET MVC ページに 2 つの Web サイトを表示しようとしています。最初の Web サイトは上部の約 130 ピクセルに表示され、2 番目の Web サイトは残りの垂直方向のスペースをすべて使用する必要があります。どちらの Web サイトも、ブラウザーの幅全体を使用する必要があります。

ここに欲しいものの例がありますが、<frame>タグ付きのフレームセットを使用していますが、現在は非推奨です。

そこで、jsFiddle<iframe>を開始して、代わりに 2 つのタグを配置しようとしました。私はそれのほとんどを手に入れましたが、2 番目の Web サイトで残りの縦方向のスペースをすべて使い切ることができません。(絶対に必要でない限り、jQuery は使用しない方がよいと思います。)

欠けている部分を知っている人はいますか？

4

1 に答える 1

3

コンテンツ フレームの絶対位置を設定することで、ヘッダーの高さである上から 130 ピクセルの位置に配置できます。次に、これも下から 0 に設定します。これにより、ビューポートの残りの高さを埋めるためにストレッチ効果が生成されます。

#contentdiv {
    width: 100%;
    position:absolute;
    top:130px;bottom:0;
}
#contentframe {width: 100%;height:100%;
}

ここにフィドルがあります

http://jsfiddle.net/bAfBs/

于 2013-02-04T01:27:24.237 に答える