CSS带继承的最大高度

CSS引用明确指出，

max height

不是继承的。问题是，我希望它被继承。然而，我似乎无法得到正确的CSS咒语。问题是，我有一个CSS类，我想应用于DIV，然后强制该DIV的所有子级遵守

max height

属性：

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

* {
  max-height: inherit;
}

---

不幸的是，上面的代码不起作用。例如，在Chrome开发工具中，“最大高度”的“继承”设置被划掉，被禁用。您知道如何解决此问题吗？

您可能应该使用不同的css选择器：

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

---

但是请注意，这在IE中无论如何都不会起作用（或者至少在IE 8之前），请参见

也许我不理解，但这不应该起作用吗

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

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

这将是

.my viewer

的所有子元素。如果这不起作用，那么应该使用的是

最大高度：100%

，因为他们是

.my viewer

的孩子。我假设只有

。我的查看器div

是您想要继承的，而不是所有元素，例如

a

p

等等

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

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

编辑：如果您希望更具体，请使用

选择器

.my viewer>*

或

.my viewer>div

这应该可以工作

* {   max-height: inherit; }

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

---

这将是

的所有孩子。我的观众

和他们的所有孩子，他们的所有孙子孙女和他们的所有曾孙孙女：嗯，他并没有真正澄清仅仅是直接的孩子，但如果需要的话，他可以将它改得更具体。我会把它添加到答案中。“孩子”确实意味着直接的亲子关系，但我只是一个讨厌的书呆子，所以我会停下来。后代…和css可能会很讨厌