html - スクロール内のスクロールが機能しない

Question

poptableクラスを持つdiv内にクラスを持つテーブルがあります。私はdivにpopBody申請overflow-y:auto;しました。うまくいきます。

tblcheckboxクラスを持つテーブルの1つのtr内にクラスを持つ別のテーブルがあります。私poptableも適用しました

overflow:auto;
position:absolute;

テーブルの場合。スクロールは正常に機能します。しかし、クラスでdivをスクロールする と、cssが原因 popBodyでクラスのテーブルがスクロールされません。divをスクロールしてFIDDLEの問題を参照してください。両方のスクロールが欲しいです。私を助けてください。tblcheckboxposition:absolute;

Answer 1

この要素を削除position: absoluteして追加する必要があります。display: inline-block

この更新を確認してください: http://jsfiddle.net/nn7WF/2/

Answer 2

に追加position:relative;し.poptable classます。

更新された jsFiddleに示されているように、それは仕事をします

Answer 3

あなたのcssの変更

#Ingredients {
    display: block;
    height: 160px;
    overflow: auto;
    width: 250px;
}