0

ユーザーがクリックした場所で、マウスクリックでページに要素を配置したいと思います。だから私はdivに文字列を入力します.append()。

問題は、他の要素に影響を与えずに2つの要素をdivに入力するにはどうすればよいかということです。絶対位置をマージンで、相対位置を上下で試しましたが、結果はありませんでした。

この（デモ..）では、generator1とgenerator2をクリックして、ページ上に2つのボタンを並べて表示する必要がありますが、それぞれが1行に表示されます。

うーん、別のこと：「私はCSSのn00bです」;）

4

1 に答える 1

2

デモ：http： //jsfiddle.net/KADqt/2/

絶対位置の要素は、ドキュメントフローから削除されるため、他の要素には影響しません。また、、の代わりに、、を使用topしてください。絶対位置に配置された要素は、最も近い非静的な親要素から離れた位置に配置されます。上記のデモでは、コンテナの位置を-に変更しました。これにより、新しい配置された要素は、そのコンテナに基づいて/値を作成します。leftmargin-topmargin-leftrelativeabsolutetopleft

編集：他の要素が新しく生成された要素の影響を受けていないことを示すために、最初のジェネレータボタンのランダムtop/値を含めるようにデモを更新しました。left

2番目の編集：ユーザーがクリックした場所を基準にして要素を配置する方法を示すために、別のクリックハンドラーを追加しました。

デモ：http： //jsfiddle.net/KADqt/4/

于 2012-06-24T21:34:15.457 に答える