Question

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

谢谢！

Answer 1

试试这个：

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

Answer 2

我已经分叉了你的小提琴并添加了一些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。{/ p>

固定div溢出父高度

2 个答案: