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 回答