CSS max-height with inherit

Question

CSS引用明确指出max-height不是继承的。问题是，我希望它是继承的。但是，我似乎无法获得正确的CSS咒语。事实上，我有一个CSS课程，我想申请DIV，然后强制说所有DIV的孩子都尊重max-height财产：

.my-viewer {
  max-height: 800px;
}

* {
  max-height: inherit;
}

不幸的是，上面的代码不起作用。例如，在Chrome开发工具中，“max-height”的“继承”设置被删除，因为已禁用。知道如何解决这个问题吗？

Answer 1

也许我不理解，但不应该这样做？

.my-viewer {
  max-height: 800px;
}

.my-viewer * {
  max-height: inherit;
}

这将是.my-viewer的所有子元素。如果这不起作用，应该max-height:100%，因为他们是.my-viewer的孩子。我假设只有.my-viewer divs是您要继承的内容，而不是所有元素，例如a p等等。

.my-viewer {
  max-height: 800px;
}

.my-viewer div {
  position:relative;
  max-height: 100%;
}

编辑：如果您希望更具体地使用>选择器。

.my-viewer > *或.my-viewer > div

Answer 2

你应该使用不同的css选择器：

.my-viewer {
  max-height: 800px;
}
.my-viewer * {
  max-height: inherit;
}

但请注意，这无论如何都不适用于IE（或至少在IE 8之前），请参阅here

Answer 3

这应该有效

* {   max-height: inherit; }

.my-viewer {   max-height: 800px; }