为什么这个CSS限制没有显示容器高度？

Question

我有一个CSS div，应该有一个最大高度。它的CSS有：

div#feed
    {
    border: 2px solid black;
    float: right;
    height: 80%;
    max-height: 80%;
    overflow-y: hidden;
    width: 200px;
    }

当条目被添加到div时，它会一直增长，直到它被屏幕底部切断（并且仍在不断增长）。此行为在Chrome，Firefox，IE8和IE9中保持一致。

是否有一种良好的跨浏览器方式来处理我在CSS中尝试的内容？

谢谢，

Answer 1

以百分比指定高度仅适用于父级具有指定高度的元素。因此，如果父级具有计算的高度，则它将起作用，但是如果高度为自动，则不会。

如果你想要基于％的高度工作，你需要为DOM提供身高100％高度的每个元素的高度。

但是，如果您可以给父母一个固定的高度，那么问题就解决了。