[ 印刷用表示 ]
divタグで高さを動的に変化させたい
mj:df >HTML(CSS・web全般) >divタグで高さを動的に変化させたい
divに対しheight属性で高さを与えた場合で、div内のコンテンツが指定した高さ(幅)を超えた場合IE以外のブラウザではdivの領域をはみ出して表示されることがある。(IEの不具合)
上記のような場合で他のブラウザ上でもコンテンツの大きさに合わせて領域を変化させるには下記のように記述する。
[ CSS ]div.test {
/* 高さの最小値を320pxに指定 */
min-height: 320px;
height: auto !important;
height: 320px;
/* 幅の最小値を320pxに指定 */
min-width: 320px;
width: auto !important;
width: 320px;
}
/* 高さの最小値を320pxに指定 */
min-height: 320px;
height: auto !important;
height: 320px;
/* 幅の最小値を320pxに指定 */
min-width: 320px;
width: auto !important;
width: 320px;
}
[ HTML ]
<div class="test">
text
</div>
text
</div>
