Geek asks and answers

Using relative position

I need to make some settings in my web application. Here is an example function

You can see the black mobile box. Go to the TEXT section and enter the text into it. You can see it at the top of the page at the same time. So the problem is that you can see that the field is slightly closer to the bottom when text is entered into the field. This should not be, how can I control it? I tried using position: relative in # text preview , but not using.

I use some other functions, such as the font size slider, which I cannot show in jsfiddle, so if the slider moves the font size and the field moves from top to bottom and vice versa, according to the text, the size is not very good.

So, how can I control the field so as not to move when I perform some actions in it?

+3
source share
2 answers

You could write something like this:

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

If you add float:leftin #text-preview, then it will remain on

Example

0
source

More articles:


All Articles