為什么這些div重疊？

Question

我把wmd放在我的網站上。 輸入代碼並旋轉后，我在下面看到此圖像。

如何使預覽div與文本區域不重疊？ -edit-黑色是div wmd-preview的CSS背景

一些HTML

<div id="wmd-editor" class="wmd-panel"><div id="wmd-button-bar"></div>
<textarea id="wmd-input" name="body" rows="10" cols="89"></textarea>
...
</div></form><div id="wmd-preview" class="wmd-panel"></div>

Answer 1

您是否嘗試過增加預覽div的z索引？

#wmd-preview { z-index: 100; }

Answer 2

嘗試為wmd-panel類添加“寬度”屬性值和“ Float：Left”屬性值。

width: value;
float: left;

如果這不起作用（並且僅當它不起作用時），請嘗試在wmd-panel類上設置高邊距頂部值。 即

margin-top: 25px;

Answer 3

設置浮點數，或者如果需要設置小巧，則將“ wmd-editor”設置為絕對定位，僅針對IE或全部。 我知道這不是最有效的方法，但在某些情況下可能是最簡單的方法^^