javascript - 내 페이지의 메인 박스 모델에 헤더 모델 공간도 포함되어 있는 이유는 무엇입니까?

Question

으아악

Answer 1

포함되지 않습니다.

헤더가 navbar-fixed-top으로 설정되어 있습니다. 부트스트랩에서는 위치:고정을 사용하므로 헤더가 일반 흐름에서 벗어나게 됩니다.

스태킹 컨텍스트 규칙에 따르면 위치가 지정된 상자는 스트림에서 위치가 지정되지 않은 상자 위에 있으므로 해당 상자에 포함된 것처럼 보입니다.

보통 이런 경우에는 margin-top이나 padding-top을 사용하여 막히는 것을 방지할 수 있습니다.