3

Webアプリケーションでいくつかの設計調整を行う必要があります。これがサンプル機能です

黒い可動ボックスが見えます。[テキスト]セクションに移動して、テキストを入力します。同時に、ページの上部に表示されます。したがって、ここでの問題は、フィールドにテキストを入力すると、ボックスが少し下に移動するのを確認できることです。それは起こらないはずです、どうすればそれを制御できますか？＃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 に答える