お世話になります。
firefoxですとdivタグで指定した高さ・幅を要素が超えると
突き抜けて表示されます。IEだと、指定した幅・高さが大きくなってくれる。
以下のソースで子の要素が親のボックス、子のボックスを突き抜けなくできないでしょうか？
もしかしたら簡単なことなのかもしれませんが、
ご教授よろしくお願いいたします。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#oya {
border-right:orange 1px solid;
border-top:orange 1px solid;
border-left:orange 1px solid;
border-bottom:orange 1px solid;
}
#ko {
border-right:green 1px solid;
border-top:green 1px solid;
border-left:green 1px solid;
border-bottom:green 1px solid;
}
</style>
</head>
<body>
<div id="oya" style="width:200px;height:200px;">
<div id="ko" style="width:100px;height:100px;">ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ<br>ほげ</div>
</div>
</body>
</html>
投稿日時 - 2006-10-26 22:23:48
0人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（3件中 1～3件目)
#ko {
border-right:green 1px solid;
border-top:green 1px solid;
border-left:green 1px solid;
border-bottom:green 1px solid;
overflow: auto;
}
ではみ出た部分の表示方法をoverflowで指定してやって下さい。autoにすると、定められた大きさより内容がはみ出す場合、スクロールバーが表示されてスクロールする事により中が閲覧出来ます。
デフォルトではoverflow: visible;の値ですが、これで勝手にボックスを拡大してくれるのはIEの余計なお世話です。visibleをどう表示するかはブラウザ依存です。
投稿日時 - 2006-10-26 22:32:39
お礼
345itati様、ご教授有難う御座います。
overflowで、スクロールすることにより閲覧できました。
が、スクロールを出さないで、IEのようにボックスを拡大するようにしたいのですが、出来ないでしょうか？
投稿日時 - 2006-10-26 23:02:16
OKWaveのオススメ
おすすめリンク
