CSS2.1에서 '표시되지 않는' 오버플로 값이 새로운 블록 서식 컨텍스트를 생성하는 이유는 무엇입니까?

CSS2.1이 새로운 블록 형식 지정 컨텍스트를 설정하기 위해 "표시" 이외의 오버플로 값을 정의하는 이유는 무엇입니까?

문제 이해:

CSS2.1은 "visible" 이외의 오버플로 값이 새로운 "블록 서식 컨텍스트"를 생성하도록 지정합니다. (BFC). 그러나 이 정의는 오버플로가 레이아웃을 변경하지 않고 오버플로를 숨기기 위한 것이기 때문에 우려를 불러일으킵니다.

결정의 근거:

이 사양의 배경이 되는 추론은 주로 영향을 중심으로 이루어집니다. 콘텐츠 스크롤 시. 이 규칙이 없으면 스크롤 가능한 요소와 교차하는 부동 소수점은 브라우저가 스크롤하는 동안 콘텐츠를 계속해서 다시 래핑해야 하므로 성능에 심각한 영향을 미칩니다.

스크롤링에 대한 영향:

다음은 다음과 같습니다. 이 결정이 다양한 오버플로 값에 미치는 영향:

• 오버플로: auto 또는 스크롤: 이 경우 콘텐츠는 스크롤할 수 있지만 부동 소수점은 교차할 수 없습니다. 이렇게 하면 스크롤하는 동안 콘텐츠가 부동 소수점으로 인해 가려지는 것을 방지할 수 있습니다.
• 오버플로: 숨김: 콘텐츠가 눈에 띄게 스크롤될 수는 없지만 JavaScript를 통해 스크롤할 수는 있습니다. 오버플로: 숨겨진 유사하게 플로트가 콘텐츠와 교차하는 것을 차단합니다.

일관성 및 상자 동작:

"표시" 이외의 오버플로 값에 대한 BFC를 설정하면 일관성이 보장됩니다. . 전체 상자를 플로트에서 밀어내어 명확한 경로를 만듭니다. 이는 명확한 속성에 관계없이 발생합니다. 또한 오버플로로 생성된 블록 서식 컨텍스트 루트(예: Overflow: auto가 있는 요소)는 CSS2.1에 도입된 변경 사항으로 인해 부동 소수점의 높이를 수용하기 위해 수직으로 늘어날 수 있습니다.

위 내용은 CSS2.1에서 '표시되지 않는' 오버플로 값이 새로운 블록 서식 컨텍스트를 생성하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!