为什么这些div重叠?

时间:2010-03-06 01:56:38

标签: html css wmd-editor

我把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>

http://i49.tinypic.com/2u7mxvl.png http://i49.tinypic.com/2u7mxvl.png

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

width: value;
float: left;

如果这不起作用(并且仅在它不起作用的情况下)尝试在wmd-panel类上设置高margin-top值。即。

margin-top: 25px;

答案 2 :(得分:0)

设置浮点数或者如果你需要吝啬,将“wmd-editor”设置为绝对定位,对于IE或全部。我知道它不是最有效的方法,但在某些情况下它可能是最简单的^^