Float 사용하기 & Clear와 Clearfix의 차이점 알아보기

Описание к видео Float 사용하기 & Clear와 Clearfix의 차이점 알아보기

▶▶▶ float
float:left 요소가 왼쪽으로 (떠서)흐른다.
float:right 요소가 오른쪽으로 (떠서)흐른다.
float:none 기본모드이며 요소는 (떠서)흐르지 않는다. 글자처럼 디스플레이 된다.

clear : 자식요소가 플롯되면 부모 요소가 자식 요소를 더 이상 감싸지 않게되고 높이 값이 0이 되는 버그를 고쳐주는 속성이다.


▶▶▶ Float 속성을 해지하는 방법들
1. 플롯된 요소의 다음에 오는 요소에 clear : both 를 적용 (이 경우에는 부모요소의 높이값은 0인 상태이다)
2. 플롯된 요소의 부모요소에 가상컨텐츠를 만들어서 clear하기
3. 플롯된 요소의 부모요소에 overflow:hidden를 적용
4. 플롯된 요소의 부모요소에 height 를 적용

Комментарии

Информация по комментариям в разработке

Похожие видео