3

我需要在我的 Web 应用程序中进行一些设计调整。这是示例功能

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

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

那么如何控制盒子在其中执行某些操作时不移动呢?

4

2 回答 2

2

你可以这样写:

<div id="name-preview" style="position: absolute;">
    <p id="np"></p>
</div>
于 2012-05-11T15:21:13.943 回答
0

如果您添加float:left#text-preview那么它将保持原样

例子

于 2012-05-11T15:24:38.900 回答