1

レイアウトが動的に取得されるアプリケーションがあります。テーブルのようにすることもできます (1X1、2X2、または 3X3)。Firefox と Chrome では、私の div ViewPortContent は正しい方法でサイズ変更されます。しかし、IEでは何も起こりません。ViewPortContent は、Firefox や Chrome のように残りのコンテンツを埋めるようにサイズ変更されません。高さ 100% の属性は正しく機能しませんか? 手伝ってくれますか?

以下は私のJsFiddleです(IEとMozillaで試してください)

.dhDivTable{
height:500px;
width:100%;
background:black;
display: table;
table-layout:fixed;
}
.dhDivRow {
display: table-row;
}
.dhViewPortWrapper {
display: table-cell;
padding: 3px;  }

.dhViewPortContent{
 border: solid 1px violet;
 height:100%;
 width:100%;
 display: table;
 position:relative;
 color:white;
}

http://jsfiddle.net/qqTtQ/1/

4

1 に答える 1

1

Palash は一般的なケースでは正しいですが、あなたのケースは少し複雑です。高さを導出するには、高さディレクティブをクラスに追加する必要があり.dhViewPortWrapperますが、設定する高さは、現在の行に割り当てられたテーブルの高さの比率である必要があります。これを動的に割り当てる必要があります。したがって、2 行になることがわかっている場合は、dhViewPortWrapperdiv を次のように定義できます。

<div class="dhViewPortWrapper" style="height: 50%;">

行に動的な高さが必要な場合は、高さを計算して適用する方法を考え出す必要があります。

于 2012-12-27T14:47:11.800 に答える