分區懸停在另一個分區 - 高度/寬度

我試圖讓一個分區在另一個分區上懸停滿內容。這可以使用position：absolute和z-index來完成。問題是我想懸停div是相同的高度和寬度的div充滿內容。分區懸停在另一個分區 - 高度/寬度

我試過100％的高度和寬度，但因爲我寫道：

<div class=hover></div><div id=content>FULL OF CONTENT</div>

懸停DIV不承認內容div的高度和寬度是什麼。

有什麼建議嗎？

來源

2011-10-23 drummer392

把盤旋的div 內的其他分區：

/* CSS */ 
#content { 
    position: relative; 
} 
.hover { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
} 

<div id="content"> 
    Content goes here. 
    <div class="hover"> 
    </div> 
</div>

懸停格可能只有在內容。如果您在外部div上設置了任何邊框或邊距，則懸停div不會覆蓋該邊框或邊距。

來源

2011-10-23 17:15:02 GolezTrol

謝謝，我相信我唯一的錯誤是我沒有放置位置：相對於外部div，因爲我嘗試將hoverdiv放在內部。讓我試試看看它是否適合我。 – drummer392

謝謝！它完美的工作 – drummer392

是的，相對重要。懸停div將絕對定位到具有位置的第一個父代。如果您不向父div添加'position：relative'，那麼hover div將被絕對定位到body。 – GolezTrol

分區懸停在另一個分區 - 高度/寬度

回答

相關問題