오버플로 사용에 대한 질문: 수레를 지우기 위해 숨겨짐

Question

일반적인 상황에서는 float의 상위 요소에overflow:hidden;을 설정하면 float가 지워질 수 있습니다. 어떤 사람들은 신체가 명확하지 않다고 말합니다. 이는 일반적인 흐름에 속하므로 설명할 수 있는 사람이 있습니까?

为情所困 · Answer

这是因为并没有产生 새로운 BFC

产生새로운 BFC의 一个条件：

'오버플로'가 '가시'로 계산되지 않을 때 일반 흐름의 블록 수준, 대체되지 않은 요소 ('오버플로' 속성의 값이 뷰포트에 전파된 경우 제외).

为什么对设置 overflow 会扩散到 뷰포트：

UA는 루트 요소에 설정된 '오버플로' 속성을 뷰포트에 적용해야 합니다. 루트 요소가 HTML "HTML" 요소 또는 XHTML "html" 요소이고 해당 요소가 HTML "BODY" 요소 또는 XHTML "body" 요소를 하위 요소로 갖는 경우, 사용자 에이전트는 대신 'overflow'를 적용해야 합니다. ' 루트 요소의 값이 'visible'인 경우 첫 번째 하위 요소에서 뷰포트로의 속성입니다. 뷰포트에 사용될 때 'visible' 값은 'auto'로 해석되어야 합니다. 값이 전파되는 요소에는 'visible'의 'overflow'에 사용된 값이 있어야 합니다.

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼