CSS 블록 수준 서식 지정 컨텍스트 BFC

이 글에서는 주로 특정 참조 값을 갖는 CSS 블록 수준 서식 컨텍스트 BFC를 소개합니다. 이제 모든 사람과 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.

BFC 렌더링 영역

이 영역은 특정 HTML 요소에 의해 생성됩니다. . 다음 요소는 내부에 BFC 영역을 생성합니다

1. 루트 요소

2. 부동 및 절대 위치 요소

3. 오버플로는 보이는 블록 상자와 동일하지 않습니다

BFC 생성 효과는 다음에 적용됩니다. BFC 영역에서는 하위 요소가 독립적으로 다르게 렌더링될 때 서로 간섭하지 않습니다.

BFC 생성 요소는 내부 렌더링과 외부 연결을 분리하는 것이며 자동 높이에는 영향을 주지 않습니다.

                  2. BFC 요소를 생성하면 테두리 상자가 플로팅 요소와 겹치지 않습니다.

                  3. BFC 요소를 생성하면 해당 여백이 하위 요소와 겹치지 않습니다.

디스플레이의 일부 value는 자동으로 BFC를 생성합니다

위 내용은 모두의 학습에 도움이 되기를 바랍니다.

관련 권장 사항:

CSS를 사용하여 웹 페이지의 줄무늬 배경 스타일 만들기 소개

CSS3 위치 지정 및 부동 소개

위 내용은 CSS 블록 수준 서식 지정 컨텍스트 BFC의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!