使用相对定位

3
我需要在我的网页应用程序中进行一些设计调整。这是一个样例 feature 您可以看到黑色可移动框。进入TEXT部分并在其中输入一些文本。同时您可以在页面顶部看到它。所以问题在于当在字段上键入文本时,您可以看到盒子稍微向下移动。这不应该发生,我该如何控制它?我尝试在#text-preview上使用position: relative,但没有用。
我正在使用其他功能,例如字体大小滑块,我无法在jsfiddle中展示,因此如果滑块移动,则字体大小增加,而根据文本大小,框从上到下移动,反之亦然,这是不好的。
那么我该如何控制框在执行某些操作时不移动?
2个回答

2
你可以写类似这样的内容:

你可以像这样编写:

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

这是一个非常简单的事情,非常感谢您 :) - rnk

0
如果您将float:left添加到#text-preview,它将保持不动。

示例


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接