爲什麼標題工具提示不適用於浮動元素？

Question

我有一個浮動的元素，整個目的這是顯示一個「x」代表着你可以刪除的東西：

.remove_button{ 
background-color:#ff3300; 
color:#ffffff; 
font-family:Courier New,sans-serif; 
font-weight:900; 
font-size:20px; 
float:right; 
border-radius:5px; 
padding:0px 6px 0px 6px; 
margin-right:15px; 
} 

<div class="remove_button" title="Remove">x</div> 

它顯示一個整潔的小「X」在紅色背景（沒有必要做一個圖片，我在那個糟糕），但問題是，當鼠標懸停在該按鈕的title屬性顯示了按鈕裏面，作爲提示過：

------xRemove------ one '-' is one pixel of padding 

Answer 1

試試這個，

.remove_button{ 
background-color:#ff3300; 
color:#ffffff; 
font-family:Courier New,sans-serif; 
font-weight:900; 
font-size:20px; 
float:right; 
border-radius:5px; 
padding:0px 6px 0px 6px; 
margin-right:15px; 
position:relative; 
} 

.tip { position：absolute; display：none; border：1px solid #aab; background：#eef; padding：0 3px; left：15px; top：25px; }

.remove_button:hover .tip{ 
display:block; 
}