为什么这些div重叠？

StackOverflow https://stackoverflow.com/questions/2391060

  •  25-09-2019
  •  | 
  •  

题

我把我的网站上大规模杀伤性武器。把代码中，给它一个旋后，我看到低于该图像。

我怎样才能使预览股利不重叠textarea的？ CNC中的黑色是div的CSS背景WMD预览

一些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”

有帮助吗？

解决方案

尝试添加“宽度”属性值和“浮动：左”。属性值用于WMD面板类

width: value;
float: left;

如果这简化版，工作（且仅当它不工作）试图设置在WMD面板类高边距值。即。

margin-top: 25px;

其他提示

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

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

设置浮标，或者如果你需要吝啬集“大规模杀伤性武器的编辑器”绝对定位，用于要么只是IE或全部。我知道它不是最有效的方式，但它可以在某些情况下^^

最简单的
许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top