fixed div overflows parent height

Question

固定高さdivと100％高さdivをラップする親divがある場合。しかし、固定高さのdivはその親と重なっています。このフィドルを確認してください：http://jsfiddle.net/Wcgvt/

ありがとうございました！

Answer 1

私はあなたのフィドルをフォークし、いくつかCSS hereを追加しました。あなたが何をしたいか

は、あなたがこのように、あふれた容器にposition: absoluteを使用できるように、あなたのコンテナ（d3）position: relative作るです：

ここ

.d3 { 
    height:100%; 
    position: relative; 
} 

.d3-2 { 
    max-height: 100%; 
    overflow: auto; 
    position: absolute; 
    bottom: 0px; 
    top: 54px; 
    left: 0px; 
    right: 0px; 
} 

、私はそれをプッシュする54pxにトップを設定していますヘッダーから下に移動し、他のすべてのディメンションを0pxに設定してエッジにプッシュします。 top: 54pxをヘッダーに変更してください。

このメソッドの唯一の注意点は、ヘッダーの明示的な高さを設定する必要があることです。

---

私はあなたの実際のコードでより賢明なクラス名を使用していることを願っています。私は何度も何度もdのトラックを失った。

Answer 2

はこれを試してみてください：

.d3 { 
    height:100%; 
    overflow: hidden; 
}