CSS：別の絶対DIV

Question

内部絶対DIV私は、次のしている：私は、スクロール模倣何かを作成しようとしている

<style type="text/css"> 
    div.container 
    { 
     width: 100px; 
     height: 300px; 
     border: solid 1px #CCCCCC; 

     position: absolute; 
     top: 20px; /* Will change depending on where the box is opened */ 
     left: 20px; /* Same */ 

     overflow: hidden; 
    } 

    div.block 
    { /* Will exceed 300px in height */ 
     width: 100px; 
     position: absolute; 
     top: 0px; 
     left: 0px; 
    } 
</style> 

[...] 

<div class="container"> 
    <div class="block"> 
     <!-- hyperlinks --> 
    </div> 
</div> 

- 箱の中に動き回るボックスをオンにします。 IEはこれを美しく行います。 「ブロック」divは「容器」div内に完全に隠されています。他のすべてのブラウザは、ページの上部にある 'ブロック' divを 'コンテナ' divの上に置き、ページを基準にして配置します。

IEのように他の誰もが行動するようにするにはどうすればよいですか？

Answer 1

最初のdivは、幅と高さが固定され、CSSプロパティーはoverflow: auto;である必要があります。このdivより大きいものは親divにスクロールバーを表示させます。

position〜absoluteに自由に設定して、好きな場所に置くことができます。

デモ：http://jsfiddle.net/duc44/