为什么这些div是重叠的？

Question

我把大规模杀伤性武器放在我的网站上。在放入代码并旋转后，我看到了下面的图像。

如何使预览div不与文本区重叠？-edit-黑色是div wmd的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

尝试为wmd-panel类添加一个"Width“属性值和"Float:Left”属性值。

width: value;
float: left;

如果这不起作用(仅当它不起作用时)，尝试在wmd-panel类上设置一个高边距-顶值。也就是说。

margin-top: 25px;

Answer 2

你有没有试过增加预览div的z索引？

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

Answer 3

设置浮点数，或者如果你需要很小气，就把"wmd-editor“设置为绝对定位，不管是IE还是all。我知道这不是最有效的方法，但在某些情况下可能是最简单的方法^^