4

質問：

最初の画像に表示されているスペースを取り除くにはどうすればよいですか?

詳細情報とコード:

上下に配置したい連絡先のリストがあります。ユーザーが連絡先の名前の上にマウスを置くと、連絡先カードがポップアップします。連絡先カードに、メールのアイコンが欲しいです。

メール アイコンが右上隅にある場合 - 問題はありません。ただし、パディングを追加して連絡先カードの右下隅に移動すると、ページが最初に読み込まれたときに連絡先名の間に奇妙なスペースが表示されます。ただし、マウスオーバーして連絡先カードが表示されると、奇妙なスペースが消え、連絡先リストが希望どおりに表示されます

ここに私のコードがあります: html:

<div id="ball">
      <div id="thisisatest" onmouseover="showIt('/images/em.png', 'tomJustice')" onmouseout="hideIt('tomJustice')" >       
            <img src="/images/bluesquare.png" height="15" width="15" ></img>     tom Justice
            <img src="" id="tomJustice" style="margin-left: auto; overflow:hidden; padding-top: 20%" onclick="showIt('/images/card22.png', 'tomJustice2')" onmouseout="hideIt('tomJustice2')">
            <img src="" id="tomJustice2" style="display:none"></img>
            </br>
      </div>
... other contacts
</div>
4

1 に答える 1

2

なぜあなたはただ与えないのですか

position:absolute;

と

right: 0; bottom: 0;

div内に配置できます

于 2012-12-28T02:51:15.780 に答える