使絕對定位div獲取父div的尺寸

Question

我有一個頁面，其中包含多個小部件，每個小部件顯示來自不同服務的數據。

我想在加載特定窗口小部件的數據時，獨立地在每個窗口小部件上設置加載覆蓋圖。小部件沒有設定的高度或寬度。我正在使用Bootstrap的網格來構建佈局。

基本上，一旦我需要加載數據，我追加與不透明性插件根DIV另一個div並與頂絕對它定位/左0

寬度和覆蓋層的高度是目前使用jQuery的innerWidth方法在小部件根div上計算。這會使覆蓋圖與實際小部件的大小相同。

我的問題是，當我在顯示疊加層時調整頁面大小時，其寬度和高度不會重新計算，而小部件的尺寸是。我最終得到的是一個比它的父級更大的覆蓋div。

有沒有什麼辦法可以單獨使用CSS解決這個問題（即不綁定到resize事件）？ 我需要支持Chrome，Firefox和IE9 +，所以我打開任何現代技術。

Answer 1

剛剛嘗試對覆蓋%沒有jQuery函數：

.overlay { 
    width:100%; 
    height:100%; 
}