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

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位置.这是更新的 小提琴 - 注意我已从height:auto; height:100%内联样式中删除.

这是让内部div"与父母一样高"的常见技巧.