브라우저 창 전체에서 HTML 페이지의 children 요소를 표시하려고합니다. 다른 말로하면로드 후 크기가 조정될 때 브라우저 윈도우와 동일한 크기로 유지하고 싶습니다.HTML : 어린이 요소 너비 = 브라우저 창 너비 설정 방법?
부모 요소 외부에서이 개체를 이동해야하는지 아니면 CSS로 이러한 속성을 설정할 수 있는지 궁금합니다.
내가 너비 : 100 % 및 높이 : 100 %로 설정하면 현재는 창이 아니라 부모 (물론)에 맞습니다.
가능하면 상대적 위치 지정을 사용하는 것이 일반적이며, 큰 하위 요소는 상위와 동일해야합니다. 그러나 당신은 항상 그것을 절대적으로 배치 할 수 있습니다 :
position:absolute;
width:100%;
height:100%;
left:0px;
top: 0px;
폭은 항상 부모 요소에 대한 aplies : 높이
width: 100%;
, 당신이 뭔가를해야합니다. 절대 위치 지정을 사용하여 해당 특정 요소를 상위 요소 ("위치"및 "흐름"과 관련하여)에서 제외시키고 100 %로 설정할 수 있습니다. 주의를 기울이십시오, 당신이 그것을 시각적으로 원하는 곳에 끝나지 않을 수도 있습니다.
.someElement {
position: absolute;
width: 100%;
height: 400px;
}
상위 요소에 "position : relative"를 지정할 수 없습니다.
이것은 유일한 정답입니다. 왼쪽 없음 : 0px 및 위쪽 : 0px 전혀 작동하지 않습니다. – aneuryzm
높이 : 100 %는 거의 브라우저를 가리지 않습니다. 나는 FF 나 사파리에서 결코 문제가 없다고 확신하지만, 많은 브라우저가 높이 계산을 완전히 망가 뜨리는 것을 보았다. 따라서 일관성을 찾고 있다면 실제로 작업해야 할 수도 있습니다. 그냥 참고하시기 바랍니다. – drharris