CSS2.1이 새로운 블록 형식 지정 컨텍스트를 설정하기 위해 "visible" 이외의 오버플로 값을 정의하는 이유
CSS2.1 사양에서는 다음을 요구합니다. "visible" 이외의 오버플로 값은 새로운 블록 형식화 컨텍스트(BFC)를 설정합니다. 오버플로는 일반적으로 레이아웃에 영향을 주지 않고 콘텐츠를 숨기는 데 사용되므로 이러한 결정은 직관적이지 않은 것처럼 보일 수 있습니다. 그러나 이러한 선택에는 설득력 있는 이유가 있습니다.
스크롤 가능한 콘텐츠 및 성능
보이지 않는 오버플로 값을 BFC로 정의하는 주된 동기는 스크롤 중 성능을 향상시키기 위한 것입니다. . 플로팅 요소가 상위 컨테이너 외부의 스크롤 가능한 콘텐츠와 교차하는 경우 브라우저는 스크롤할 때마다 플로트 주위의 콘텐츠를 다시 래핑해야 합니다. 브라우저가 원래 CSS2 사양을 구현해야 하는 경우 이러한 지속적인 재래핑은 스크롤 속도에 큰 영향을 미칩니다.
다른 오버플로 값과의 일관성
이 결정의 또 다른 요소는 일관성입니다. Overflow: "hidden"은 컨테이너 내의 콘텐츠를 단순히 잘라내는 것처럼 보일 수 있지만 여전히 프로그래밍 방식으로 스크롤할 수 있습니다. 따라서 눈에 보이지 않는 오버플로 값을 지정하면 콘텐츠가 실제로 스크롤 가능한지 여부에 관계없이 일관되게 새로운 BFC가 생성됩니다.
대체된 요소로 동작 통합
CSS2. 1에서는 BFCR(블록 형식 컨텍스트 루트)에 대해 height: "auto"가 작동하는 방식에 대한 변경 사항도 도입되었습니다. height: "auto"가 있는 BFCR은 이제 플로트를 수용하기 위해 수직으로 늘어납니다. 이는 본질적으로 BFC를 생성하고 콘텐츠에 맞게 늘어나는 대체 요소(예: 이미지)의 동작과 일치합니다.
보이지 않는 오버플로의 이점
By 보이지 않는 오버플로 값을 BFC, CSS2.1로 정의 보장:
위 내용은 CSS2.1에서 '표시되지 않는' 오버플로 값이 새로운 블록 형식 지정 컨텍스트를 생성하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!