次のマークアップがあります。
<div class="FixedHeightContainer">
<h2>Title</h2>
<div class="Content">
..blah blah blah...
</div>
</div>
CSSは次のようになります。
.FixedHeightContainer
{
float:right;
height: 250px;
width:250px;
}
.Content
{
???
}
その内容により、div.Content
の高さは通常、div.FixedHeightContainer
で提供されるスペースよりも大きくなります。現時点では、div.Content
はdiv.FixedHeightContainer
の下部から陽気に伸びています-私が望むものはまったくありません。
高さが大きすぎて収まらないときに、div.Content
がスクロールバーを取得するように指定するにはどうすればよいですか(垂直のみが望ましいですが、私は面倒ではありません)?
overflow:auto
とoverflow:scroll
は、何らかの奇妙な理由で何もしていません。
overflow
を設定することで対応できますが、Content
の高さも設定する必要があります。 height属性が設定されていない場合、divは必要な高さまで垂直方向に拡大し、スクロールバーは必要ありません。
例を参照してください: http://jsfiddle.net/ftkbL/1/
Dutchie432による上記の回答のコード
.FixedHeightContainer {
float:right;
height: 250px;
width:250px;
padding:3px;
background:#f00;
}
.Content {
height:224px;
overflow:auto;
background:#fff;
}
overflow
プロパティを使用
overflow: hidden;
overflow: auto;
overflow: scroll;
inshaAllahで動作します:)