프로필카테고리질문하기
로그인 계정 만들기

float 부모 height 고치기

03 개월 전

엘리먼트에 float을 설정하면 부모의 height가 정상적으로 동작하지 않습니다.

<div><!-- height: 0 --> <div style="float: left">div</div> <div style="float: left">div</div> </div>

어떻게 고칠 수 있나요?

답변하기 의견 추가
의견 (0)
더 많은 의견 보기

답글 (1)

393 개월 전
Float 대체하기

꼭 필요한 경우가 아니면 float을 사용하지 않는 것이 좋아요.

inline-block 을 사용할 수 있는 경우 float 대신 inline-block 을 사용하세요.

IE10 이전의 버전을 지원할 필요가 없는 경우 float 대신 flexbox를 사용하세요.

Float을 사용해야 하는 경우 clearfix를 추가하세요
float을 꼭 사용해야 하는 경우 clearfix를 사용해서 float이 설정된 엘리먼트들을 clear 할 수 있어요.
<div class="clearfix"> <div style="float: left">div</div> <div style="float: left">div</div> </div>.clearfix:after { content: ""; display: table; clear: both; }
의견 추가
의견 (0)
더 많은 의견 보기

정보

업보트
0
질문됨
3 개월 전
최근 활동
3 개월 전

카테고리

CSS