html - CodeMirror 填充 Div 并使 Div 100% 高度

Question

可能是一个已经得到解答的解决方案，但由于所有答案都是错误的(也就是没有解决这个问题的答案)，因此很难筛选出正确的答案。

问题是 --- 如何让 CodeMirror 填充 100% 的父 div --- 而不会强制页面的其余部分达到 100% 高度，因为这会导致以下问题:

使用时

html, body { height: 100%; }

您实际上是在告诉页面整个高度是整个页面(包括所有内容)的浏览器视口(viewport)。这样做的问题是，我不希望页面上的所有内容都被限制为这个比例。我想做的是在不破坏响应能力的情况下正常访问页面(又名，移动等支持)，并且页面上仍然有一个 div(右面板)有一个 div，只有那个 div 是 100% 高度--- 该分区中的空间。我不希望 100% 的高度溢出到菜单中，进入菜单下方/上方等。它必须位于框内。

Answer 1

你试过这个属性吗:

/* Firefox */
height: -moz-calc(100vh - 190px);
/* WebKit */
height: -webkit-calc(100vh - 190px);
/* Opera */
height: -o-calc(100vh - 190px);
/* Standard */
height: calc(100vh - 190px);

结合使用 calc 和 vh 可以将元素的大小限制在可见区域。