我需要在我的网络应用程序中进行一些设计调整。以下是示例feature
你可以看到黑色可移动的盒子。转到 TEXT 部分,然后在其中键入一些文字。同时您可以在页面顶部看到它。所以这里的问题是,当在字段上键入文本时,您可以看到框略微移动到底部。这应该不会发生,我该如何控制它?我尝试在#text-preview 上使用 position:relative ,但没有用。
我正在使用其他一些功能,如字体大小滑块,我无法在jsfiddle中显示,所以如果滑块移动,字体大小增加,盒子从上到下移动,反之亦然根据文本大小不好。
那么在执行某些操作时如何控制框不动?
答案 0 :(得分:2)
你可以这样写:
<div id="name-preview" style="position: absolute;">
<p id="np"></p>
</div>
答案 1 :(得分:0)
如果您将float:left
添加到#text-preview
,则会保留