Почему эти Divs перекрывают?

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

  •  25-09-2019
  •  | 
  •  

Вопрос

Я надену WMD на мой сайт. После вывода кода и давая его спин, я вижу это изображение ниже.

Как я могу сделать предварительный просмотр Div не перекрываться с текстурой? -Дит- черный - это CSS-фон OV 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

Это было полезно?

Решение

Попробуйте добавить значение свойства «ширины» и значение свойства «FLOAT: LEFT» для класса WMD-панели.

width: value;
float: left;

Если это не работает (и только в том случае, если он не работает), пытается установить высокое значение маржинального значения на классе WMD-панели. Т.е.

margin-top: 25px;

Другие советы

Вы пытались увеличить Z-индекс предварительного просмотра div? 

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

Установите поплавки или, если вам нужно быть Stingy, установите «WMD-редактор» как абсолютное позиционирование, либо только то есть или все. Я знаю ее не самый эффективный способ, но это может быть самым простым в некоторых случаях ^^

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top