CodeMirror填充Div并使Div达到100%的高度

Question

可能是一个已经回答的解决方案,但是有了所有错误的答案(也就是说,答案没有解决这个问题),很难找到正确的答案.

问题是这样的---如何使CodeMirror填充100%的父div - 而不强制页面的其余部分进入100%高度,因为这会导致以下问题:

使用时

html, body { height: 100%; }

您实际上是在告诉页面整个高度是整个页面浏览器的视口,包括所有内容.这个问题是,我不希望页面上的所有内容都限制在这个比例.我想做的是,可以正常访问页面而不会破坏响应性(也就是移动等支持),并且页面上仍然有一个div(右侧面板)有一个div,只有div是100%高度---那个div中的空间.我不希望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结合使用可以将元素的大小约束到可见区域.