为什么这些 div 重叠？答案

【问题标题】：Why are these divs overlapping?为什么这些 div 重叠？
【发布时间】：2010-03-06 01:56:38
【问题描述】：

我把 wmd 放在我的网站上。将代码放入并旋转后，我会在下面看到这张图片。

如何使预览 div 不与 textarea 重叠？ -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>

【问题讨论】：

你能发布这些元素的 CSS 吗？

标签： html css wmd-editor

【解决方案1】：

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

width: value;
float: left;

如果这不起作用（并且仅当它不起作用时）尝试在 wmd-panel 类上设置高边距顶部值。即

margin-top: 25px;

【讨论】：

【解决方案2】：

您是否尝试过增加预览 div 的 z-index？

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

【讨论】：

【解决方案3】：

设置浮动，或者如果您需要小气，请将“wmd-editor”设置为绝对定位，仅适用于 IE 或全部。我知道这不是最有效的方法，但在某些情况下它可能是最简单的^^

【讨论】：