javascript - 如何将元素的位置从旁边更改为下方？

Question

Here是一个 Markdown 编辑器，我在下面的 fiddle 中实现了它:

var simplemde = new SimpleMDE({ element: document.getElementById("txtarea") });

<script src="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<link href="http://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css" rel="stylesheet"/>

<textarea id="txtarea"></textarea>

该编辑器有一个名为 side-by-side 的选项，它是输出的预览(它仅在全屏页面大小(非移动设备)上可用)。

好吧，正如您在 fiddle 中看到的那样，该预览的位置紧挨着 textarea。我所需要的只是将其位置更改为文本区域下方，类似于 stackoverflow。

我该怎么做？

Answer 1

将以下内容添加到您的代码中:

<style>
    .CodeMirror-sided {
      width: 100%!important;
      position: relative;
    }

    .editor-preview-side {
      position: relative;
      width: 100%;
    }

    .CodeMirror-fullscreen {
      position: relative !important;
    }

    .CodeMirror-sided {
      width: 100%!important;
    }

</style>

对我来说很好:-) https://jsfiddle.net/z375hor1/1/