固定div溢出父高度

Question

如果您有一个父级div包装固定高度div和100％高度div。但是，固定高度div与其父项重叠。请看看这个小提琴：http://jsfiddle.net/Wcgvt/。

谢谢！

Answer 1

我已经分叉的小提琴，并添加一些CSS here。

你想要做的是使你的容器（d3）position: relative这样就可以四溢的容器上使用position: absolute，像这样：

.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; 
}