なぜ、これらのdivが重複していますか？

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

  •  25-09-2019
  •  | 
  •  

質問

私は私のウェブサイトに大量破壊兵器を置きます。内のコードを入れて、それにスピンを与えた後、私は下のこの画像を見ます。

どのように私は、テキストエリアにない重複プレビューのdivを作ることができますか？ -edit-ブラックは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>

の

役に立ちましたか？

解決

「幅」プロパティの値と「フロート：左」追加してみてください。WMDパネルクラスのプロパティ値を

width: value;
float: left;

もしWMD-パネルクラスの高利益率トップの値を設定しようと、このdoes't作業（とそれが動作しない場合のみ）。すなわちます。

margin-top: 25px;

他のヒント

あなたは、プレビューdiv要素のZインデックスを増加したことがありますか？ 

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

を設定山車やあなただけのIEまたはすべてのいずれかのために、絶対位置として「WMD-エディタ」けち設定する必要がある場合。私はそのことの最も効果的な方法を知っているが、それは^^

いくつかのケースでは、最も簡単なことができます
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top