0

私はこれについて多くの質問があることを知っており、私はそれらすべてを見てきました. <td>左を 100% 拡張する必要があるサイトがあります。すべての包含ブロックを 100% に設定していますが、これはクロムとサファリでうまく機能します。ただし、IE や Firefox では画面の底までは伸びません。コードが長すぎて貼り付けられないため、ここに大まかなスケッチを示します。見やすいようにCSSも入れました。

これらの 2 つの投稿を使用しましたが、どちらも問題を解決していません。 CSS 100% height in ie Div 100% height は Firefox では機能しますが、IE では機能しません

コンテナーがありませんか、それとも IE と Firefox でこれを実現する特別な方法はありますか? css で高さ 100% をいじるのはこれが初めてです。

4

2 に答える 2

4

これは、td.left の次の css 行が原因です。

表示:インラインブロック;

それを削除して、デフォルトのままにします: display:table-cell. その後、IEで動作します。

ただし、この種のレイアウトにはテーブルを使用しないことを強くお勧めします。これは、divs+css を使用してこれを行う方法を示す優れたチュートリアルです: http://learnlayout.com/

于 2013-08-12T18:51:08.630 に答える
0

私が考えることができる最善の方法は、両方のパネルをより大きな絶対 DIV でラップすることです。そうすることで、内側の div に次のような (機能する) スタイルを与えることができます。

height: 100%;

私はここに例を作りました:

結果 - http://fiddle.jshell.net/E8SK6/1/show/

コード - http://jsfiddle.net/E8SK6/1/

于 2013-08-12T18:55:51.813 に答える