顯示截斷文本正常，但顯示在懸停

Question

全文我有一個div段落或使文本里面。我希望它能正常顯示前幾個單詞，但要展開以顯示懸停時的全文。理想情況下，我想只用CSS來完成，而不需要重複數據。

這是我已經試過：http://jsfiddle.net/SEgun/

我不想的div移動當文本擴展，只爲2區擴展到顯示全文覆蓋DIV 3.這可能嗎？附：我不在乎智能瀏覽器。

Answer 1

的CSS下面將導致div來「掩蓋」它下面的一切，所以它不會推動任何內容了。

position: absolute; 
background-color:#FFF; 

背景顏色很重要，所以你不能看到下面的東西。

爲了確保所有內容都保持在同一位置，您可以爲下一個元素指定一個與行高相同值的上邊距。 +標誌是adjacent sibling選擇器。

div { 
    line-height: 20px; 
} 
#data:hover+div { 
    margin-top:20px; 
} 

DEMO

Answer 2

這個怎麼樣：http://jsfiddle.net/KGqnj/