使用位置相对

时间:2012-05-11 15:17:56

标签: jquery html css css3

我需要在我的网络应用程序中进行一些设计调整。以下是示例feature

你可以看到黑色可移动的盒子。转到 TEXT 部分,然后在其中键入一些文字。同时您可以在页面顶部看到它。所以这里的问题是,当在字段上键入文本时,您可以看到框略微移动到底部。这应该不会发生,我该如何控制它?我尝试在#text-preview 上使用 position:relative ,但没有用。

我正在使用其他一些功能,如字体大小滑块,我无法在jsfiddle中显示,所以如果滑块移动,字体大小增加,盒子从上到下移动,反之亦然根据文本大小不好。

那么在执行某些操作时如何控制框不动?

2 个答案:

答案 0 :(得分:2)

你可以这样写:

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

答案 1 :(得分:0)

如果您将float:left添加到#text-preview,则会保留

Example