相對和絕對位置CSS HTML

試圖使'tab2'與導航欄一起移動。（當您將導航欄懸停時，該框隨之移出） http://jsfiddle.net/Bz5mn/ 幫助！相對和絕對位置CSS HTML

#nav 
{ 
min-width: 60px; 
width:5%; 
height:100%; 
background-color: rgba(1,1,1,0.3); 
position: absolute; 
top: 0; 
left: 0; 
transition-duration:0.4s; 
overflow: hidden; 
}

來源

2013-08-22 applewood

嘗試adjacent sibling selector。你可以這樣做

#nav:hover + #tab2 { 
    margin-left: 5%; 
}

你想也想將過渡添加到#tab2聲明，使動畫比賽。

另外請注意，這個選擇only works in IE 9+

Here's a live demo

來源

2013-08-22 15:29:53 Ktash

謝謝！作品:) – applewood

@applewood如果您對此答案感到滿意，請投票表決，以便我們都知道這個問題已經結束並完成。你也可以獲得接受答案的聲望點，這將增加你在SO中的可信度並鼓勵其他人在未來幫助你。 –

相對和絕對位置CSS HTML

回答

相關問題