2012-01-18 12 views
0

私はこれを尋ねると不幸に感じます。これは既に殴られていたからです。しかし、しかし、私は、他の人がこれを見ていると答えたのは同じ人ではないと考えています。オーバーフロー内にあるフルサイズのdivをスクロールして隠しコンテンツ

<html> 
<head> 
<style> 
* { 
    margin: 0; 
} 

html, body { 
    height: 100%; 
} 

#bo{ 
    height:100%; 
    width:100%; 
    background:#eee; 
    overflow:hidden; 
} 
#c1{ 
    float:top; 
    height:40px; 
    background:#ddd; 
} 

#c2{ 
    background:#ccc; 
    height:100%; 
} 

#c3{ 
    float:left; 
    background:#bbb; 
    width:200px; 
    height:100%; 
} 

#c5{ 
    overflow:auto; 
    height:400px; /* this should be page size.*/ 
} 

#c6 
{ 
    height:1000px; 
    background:white; 
} 

</style> 
</head> 
<body> 
<div id="bo"> 
    <div id="c1"></div> 
    <div id="c2"> 
     <div id="c3"> 
       <div id="c5"> 
        <div id="c6">I want this to be page size. 
        </div> 
       </div> 
     </div> 
     <div id="c4"></div> 
    </div> 
</div> 
</body> 
</html> 

私はc5 divにページサイズに適合するスクロールバーを設定します。固定高さを指定すると、スクロールバーが表示されます。

私のオプションは何ですか?

答えて

0

特定のブロックに対してスクロールするには、cssにoverflow:autoプロパティが定義されている特定の/固定の高さが常に存在するため、テキストが定義された高さを超えた場合、スクロールが行われます。あなたが持っている他のオプションはどれですか?

+0

さて、私はそれを正しく尋ねていないかもしれません。上記のブラウザで試してみることができます、私はいくつかの詳細を追加しました。 – foobarometer

+0

うん..私の端にスクロールを表示しています。 –

+0

これで、白い部分をページサイズほど大きくすることができます。高さは1000pxでなければならないが、スクロールバーを取得する必要があります。 – foobarometer

関連する問題