с использованием положения

Question

Мне нужно сделать некоторые настройки в моем веб-приложении. Вот пример feature

Вы можете видеть черную передвижную коробку. Перейдите в раздел TEXT и введите в него текст. Одновременно вы можете увидеть его в верхней части страницы. Таким образом, проблема заключается в том, что вы можете видеть, что поле несколько немного приближается к нижней части, когда текст вводится в поле. Этого не должно быть, как я могу его контролировать? Я попытался использовать позиция: относительная на # текст-превью, но не использовать.

Я использую некоторые другие функции, такие как слайдер размера шрифта, который я не могу показать в jsfiddle, поэтому, если ползунок перемещается, размер шрифта увеличивается, и поле перемещается сверху вниз, и наоборот в соответствии с размер текста, который не является хорошим.

Так как я могу управлять полем, чтобы не двигаться при выполнении некоторых действий в нем?

Answer 1

Вы могли бы написать что-то вроде этого:

<div id="name-preview" style="position: absolute;"> 
    <p id="np"></p> 
</div> 

Answer 2

Если добавить float:left в #text-preview тогда он будет оставаться на месте

Example