상위 div의 절대적인 위치 div 만들기

Question

각기 다른 서비스의 데이터를 표시하는 여러 위젯이있는 페이지가 있습니다.

특정 위젯에 대한 데이터를로드 할 때 각 위젯에 독립적으로로드 오버레이를 설정하려고합니다. 위젯에는 높이 또는 너비가 설정되어 있지 않습니다. 레이아웃을 구조화하기 위해 부트 스트랩의 격자를 사용하고 있습니다. 내가, 내가 위젯 루트 사업부에 불투명도 다른 사업부를 추가하고, 상단이 절대적으로 위치하고있어 데이터를로드 할 필요하면

기본적으로/0

폭을 떠나 오버레이의 높이입니다 현재 위젯 루트 div에서 jQuery의 innerWidth 메소드를 사용하여 계산됩니다. 이렇게하면 오버레이가 실제 위젯과 동일한 크기가됩니다.

내 문제는 오버레이가 표시되는 동안 페이지 크기를 조정할 때 위젯 크기가 변경되는 동안 너비와 높이가 다시 계산되지 않는다는 것입니다. 부모보다 큰 오버레이 div로 끝납니다.

CSS 만 사용하여 해결할 수있는 방법이 있습니까 (즉, 크기 조정 이벤트에 바인딩하지 않고)? Chrome, Firefox 및 IE9 +를 지원해야하므로 최신 기술을 사용할 수 있습니다.

Answer 1

그냥 JQuery와 기능이없는 오버레이에 %을 시도 :

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