reactjs - React-CodeMirror2 编辑器不响应 CSS 浮点值

Question

我对 CSS 相当陌生，我似乎无法弄清楚为什么我的编辑会以他们的方式响应float: left. 我正在尝试使以下编辑器水平相邻：

使用以下 CSS：

.form-container {
  margin: 0 auto;
  max-width: 95%;
  background: white;
  border-radius: 10px;
  display: flex;
  height: 50hv;
  flex-direction: column;
  border: 1px solid #ddd;
}

.left-editor, .right-editor {
  margin: 10px;
}

一旦我添加float: left到.left-editor, .right-editor编辑器就会消失，看起来像这样：

知道为什么吗？