컨테이너에 여러 개의 부동 요소가 포함된 경우 부동을 정리하는 방법

컨테이너에 여러 개의 부동 요소가 포함되어 있는 경우 부동 요소를 지우는 방법은 추가 요소를 추가하고 컨테이너 요소의 닫는 태그 앞에 "clear: two"를 설정하는 것입니다. "clear: two"는 부동 요소를 지우는 것을 의미합니다.

컨테이너 요소의 닫는 태그 앞에 추가 요소를 추가하고 clear: both

상위 요소를 설정하여 블록 수준 서식 지정 컨텍스트를 트리거합니다.

• 블록 수준 서식 지정 컨텍스트는 독립적인 렌더링 영역입니다. 외부와는 관련이 없습니다.

트리거 조건:

• 루트 요소(예: html)

• 요소는 부동입니다(부동은 없음이 아님)

• 위치는 절대 또는 고정입니다

• 디스플레이는 인라인입니다. block, table-sell, flex...

• 오버플로는 표시용 컨테이너 요소 의사 요소를 설정하지 않습니다

(수레 정리 권장 방법)

권장 학습: "프런트 엔드 비디오 "

위 내용은 컨테이너에 여러 개의 부동 요소가 포함된 경우 부동을 정리하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!