...</div> リンクをクリックすると、上記のDIVが表示されます。私は好きではない - ブラウザの同じ場所に常に表示されます。しかし、このDIVをリンクの横にある"> ...</div> リンクをクリックすると、上記のDIVが表示されます。私は好きではない - ブラウザの同じ場所に常に表示されます。しかし、このDIVをリンクの横にある"> ...</div> リンクをクリックすると、上記のDIVが表示されます。私は好きではない - ブラウザの同じ場所に常に表示されます。しかし、このDIVをリンクの横にある" />

リンクの横にポップアップを表示する方法

私は私のDIVのこのCSSセットアップを持っています:

<div style="width: 380px; background: #fff; margin: 0 auto; position:relative; margin-top: 200px;">...</div>

リンクをクリックすると、上記のDIVが表示されます。私は好きではない - ブラウザの同じ場所に常に表示されます。しかし、このDIVをリンクの横にある 10ピクセルのように表示したいと思います。

誰も私を助けてください、どうすればいいですか?

0
私がそれを正しくするならば、これを行うにはJavaScriptが必要です。
追加された 著者 kapa,

1 答え

Link to popup
<div style="display:inline; margin-left:10px;">…</div>

これは簡単なことでしょうか?

Otherwise you could play around with wrapping the link and the div, setting the wrapping div to position:relative; and position the div with position:absolute;

それが役に立つのであれば、私もあなたのためにそれをデモすることができます。

0
追加された