相对于父级的最大高度不起作用

Question

我正在尝试在“Thickbox”（Javascript弹出窗口）中放入大量内容并且它几乎正常但我无法使max-height: 100%;（相对于父级）和overflow-y: scroll;工作

有两个结果：

1. 只要它应该是，没有垂直滚动而且它超出了盒子（太多了）。
2. 只要应该是这样，有垂直滚动，它会跳到盒子外面（一点点）。

我只想把它放在盒子里面，垂直滚动，我不想让它走出盒子。一旦你看了JSFiddle，你就会明白我的意思：http://jsfiddle.net/m4aKk/（最好在大屏幕上观看 - 1600px +）。任何建议都会很棒！



为什么height: 100%;或max-height: 100%;与其父级无关？

Answer 1

解决方案是使内部框位置absolute。像这样：

#TB_ajaxContent {
    width: 440px;
    overflow-x: hidden;
    position: absolute;
    top: 30px;
    bottom: 10px;
}

这应该以你喜欢的方式使内部div位置。这是更新的fiddle - 注意我已从内联样式中删除了height:auto; height:100%。

这是让内部div“与父母一样高”的常见技巧。

Answer 2

在代码中替换此行：

<div id="TB_window" style="width: 470px; height: 100%; margin-left: -335px; top: 48px; margin-top: 0px; visibility: visible;">  

只需将height: 314px;更改为height: 100%; !!!