Flexbox가 Float 속성을 재정의합니까?

Flexbox 컨테이너는 Float 속성을 재정의합니다

요소의 표시 속성을 flex로 설정하면 해당 요소는 flex 컨테이너가 됩니다. 이는 내용의 위치에 영향을 미치는 새로운 형식화 컨텍스트를 설정합니다.

Flex 컨테이너에서는 float 속성이 무시됩니다. 이는 부동 소수점이 플렉스 컨테이너에 침입하지 않고 플렉스 항목의 부동 또는 정리를 생성하지 않기 때문입니다.

대체 접근 방식: 플렉스 속성 사용

텍스트 위치를 지정하려면 Flex 컨테이너 바닥글 요소의 오른쪽에는 float 대신 Flex 속성을 사용하세요. 다음 예에서는 justify-content 속성을 flex-end로 설정하여 바닥글 내용을 오른쪽으로 정렬합니다.

footer {
    display: flex;
    justify-content: flex-end;
}

<footer>
    <span>
       <a>foo link</a>
    </span>
</footer>

위 내용은 Flexbox가 Float 속성을 재정의합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!