html - 固定的 div 溢出父高度

Question

如果您有一个包含固定高度 div 和 100% 高度 div 的父 div。但是，固定高度的 div 与其父级重叠。请查看此 fiddle :http://jsfiddle.net/Wcgvt/ .

谢谢!

Answer 1

我 fork 你的 Fiddle 并添加了一些 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 是哪个。