Kesilmiş metni normal olarak göster, ancak üzerine tam metni göster hover

Question

İçinde paragraf ya da metin gibi bir metin bulunan bir div var. İlk birkaç kelimeyi normal olarak göstermesini isterim, ancak tam metnin üzerine geldiğinde genişletin. İdeal olarak, sadece CSS ile ve veri çoğaltma olmadan yapmak istiyorum.

Bu denedim budur: Metin div 3. Bu mümkün mü kapsayan metnin tamamını göstermek için genişletmek için sadece div 2 için, genişlediğinde http://jsfiddle.net/SEgun/

Taşınmak div'leri istemiyor musunuz? Not; Engelli tarayıcılar umrumda değil. Bu konuda

Answer 1

.

position: absolute; 
background-color:#FFF; 

Arka plan rengi önemlidir, böylece aşağıdaki öğeleri göremezsiniz.

Her şeyin aynı yerde kalmasını sağlamak için, bir sonraki öğeye satır yüksekliğiyle aynı değere sahip bir üst kenar boşluğu verebilirsiniz. + işareti, adjacent sibling seçicisidir.

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

DEMO

Answer 2

Ne: CSS aşağıda aşağı herhangi bir içeriği itmek değil bu yüzden div altındaki her şeyi "kapsayacak" sebep olacaktır http://jsfiddle.net/KGqnj/