CSS : 루트가 아닌 블록 요소가 전체 페이지를 차지하게 함

요소가 루트가 아닌 수준에있을 때 CSS 만 사용하여 전체 페이지를 차지할 수 있습니까 ("작업 중 상자"). 높이를 100 %로 설정하면 상위 요소만큼만 확장됩니까?CSS : 루트가 아닌 블록 요소가 전체 페이지를 차지하게 함

나는 절대 크기를 사용하여 만들었지 만 자바 스크립트를 사용하면 페이지의 현재 크기를 조정해야합니다.

전체 페이지를 차지하려면 루트 수준에서 요소를 추가해야하지만 표준 SharePoint를 다시 사용하기 때문에 마스터 페이지를 수정할 수없는 것처럼 보일 수 있습니다.

@ 편집 : 두 가지 답변 중 어느 것도 나를 위해 작동하지 않습니다. CSS 단점이 있어야합니다. 다른 해결 방법을 찾아 보겠습니다.

출처

2010-03-04 axk

페이지의 현재 크기를 알아야 할 필요가 없습니다. 대신, 시도 :

position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0;

출처

2010-03-04 12:23:36

조상 요소가 절대적으로 또는 상대적으로 배치되면 작동하지 않습니다. – Residuum

DN : 링크는 인증에 관한 질문입니다. – axk

@Residuum : 따라서 마크 업이 어떤 모양인지 모르기 때문에 "시도"가 아니라 "확실히 작동합니다"가 아닙니다. –

무엇 해야 작업 position:fixed입니다. 이 문제는 IE6이지만 몇 가지 해결책이 있습니다 : http://www.howtocreate.co.uk/fixedPosition.html. 고정 된 위치 지정은 요소를 흐름에서 벗어나 창에 따라 배치해야합니다. 위치에 대한 자세한 내용은 : 물론 http://www.quirksmode.org/css/position.html

, 난 당신이 전체 뷰포트를지고 이을 유지하려는 있으리라 믿고있어, 그것은 요소 자체 내에서 될 것입니다 당신이 원하는 것을 표시 할 수 있습니다. 그것들은 많은 가정들입니다. 이름에서 추측 할 수 있듯이 고정 위치 지정은 요소를 배치 한 위치의 요소를 다른 모든 요소 위에 얹어서 스크롤 할 때 이동하지 않습니다.

출처

2010-03-04 12:34:57

어떤 이유로 작동하지 않습니다. 너비와 높이를 100 %로 설정했을 때 절대 값으로 설정하면 "전체"뷰포트를 차지하지 않고 "사용중인 상자"를 볼 수 있습니다. "고정"으로 변경하면 상자가 표시되지 않습니다. 더 눈에 띄었다. – axk

@axk 그런 다음 자세한 정보를 제공해야합니다. 문제는 CSS의 다른 곳에서 발생합니다. –

CSS : 루트가 아닌 블록 요소가 전체 페이지를 차지하게 함

답변

관련 문제