刪除怪異空間

我如何擺脫在第一圖像顯示的空間？

更多信息和代碼：

我有，我想安排在上面的其他聯繫人的列表。當用戶將鼠標懸停在聯繫人的姓名上時，會彈出聯繫人名片。在聯繫人卡片上，我想要一個電子郵件圖標。

當電子郵件圖標是在右上角 - 不存在任何問題。然而，當我添加填料將其移動到聯繫人卡片的右下角，當出現第一次加載頁面聯繫人姓名之間一個奇怪的空間。不過，我鼠標和接觸卡出現後，怪異的空間消失，聯繫人列表會顯示我希望它出現

這裏的方式是我的代碼： 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>

來源

2012-12-28 BigBug

什麼是JavaScript函數'showIt（imgPath，ID_NAME）'內側的位置？ – Raptor

你必須設置圖像的高度，或者瀏覽器無法計算元素的垂直位置。 – Raptor

可以顯示一個工作演示它會更好，看問題 – Ivo

爲什麼你不只是給一個

position:absolute;

和

right: 0; bottom: 0;

你可以一個div

來源

2012-12-28 02:51:15 Ivo

固定的語法和拼寫你 – Raptor

謝謝它已經越來越晚在這裏:) – Ivo

天才！位置必須是相對的，但不是絕對的，右下角的位置需要一些調整，但是它是有效的。謝謝！ – BigBug

刪除怪異空間

回答

相關問題