2009-07-01 8 views
1

I approximatleyこの構造CSSの停止要素の親よりも大きい高さを有するから

<div> <div id='1'> </div> <div id='2'> </div> </div>

1の内容をDIV時には、メインのdivに収まるように、それとのdiv 2のためにあまりにも大きくなるので、私はそれを作りたいですスクロールバーを取得し、親divの一番下から何も押さないようにします。

CSSでこれを行うにはどうすればよいですか?

EDIT:

親のdiv(というか、その親)が、設定された高さを有しています。オーバーフローを設定するこの時点で:div1のスクロールでは、スクロールバーが下を越えるようになります。 DIV1であなたのCSSで

+0

私はこの理論をテストしていませんでしたが、div#1(とdiv#2)のコンテンツは多くありますが、その親の明示的な幅? –

+0

部門IDは数字で始めることはできませんので、このテストではソリューションの有用性とは何の関係もないバグが発生する可能性があります。 –

+0

ええええええええええと、 – AlexH

答えて

1

まず、あなたがオーバーフローを必要としますこの値に達する。親divに固定された高さまたは最大高さがある場合は問題ありません。

EDIT

チェックこのアウト:http://www.quirksmode.org/css/overflow.html。 それにもかかわらず、div1の高さに値が必要なようです(残念ながら)。私はマックスハイトもやると思った。 そして、必要に応じてスクロールバーが表示されるようにするには、overflow:autoが必要です。

0

使用

overflow:scroll 

+0

混乱して申し訳ありません。私はこれを試して、それは動作していません。何とかdiv 1が親から最大の高さを継承していない – AlexH

+0

ニュートリノのコメントを参照してください。また、div 1の固定高さを設定する必要があります。 – Peter

0

あなたがオーバーフロー設定を使用することができます:divの1の上にスクロールしても、あなたは何とかdiv要素は後のスクロールバーが必要になり、その高さのような値を修正する必要があります。

#id 
{ 

    overflow: scroll; 

} 
関連する問題