[css 7.] float 으로 요소 배치하기 - clear 이유

[css 7.] float 으로 요소 배치하기 - clear 이유

float 이란? 띄우기 html 요소를 띄워서 배치 ( 왼쪽 또는 오른쪽 ) float이 적용된 block 요소가 해당 방향으로 이동 (block을 inline 처럼 배치가능) float: left; float: right; block , inline 헷갈리시는 분은 참고 **html) block, inline 요소 완벽 정리 + 속성 변경 block(블록)요소 inline(인라인)요소 란? html 태그 각각의 요소들이 가지는 속성 (유형) block(블록)요소 ... blog.naver.com float 사용법 아래 그림처럼 빨강박스와 검정박스가 block 요소라 한 줄씩 차지하고 있는데, 서로 옆에 위치시키려면 "나란히 시킬 대상" 에 "float: left;" 설정을 해주면 된다. <div class="box a"></div> <div class="box b"></div> .box { width: 100px; height: 100px; } .a { background-c...

#clearboth #float해결 #float부모높이안잡힘 #float배치 #float문제점 #float높이0 #float겹쳐짐 #floatleft #cssfloat #cssclear이유 #clear설정위치 #clear가상요소 #overflowhidden

원문링크 : [css 7.] float 으로 요소 배치하기 - clear 이유

 등록된 다른 글

[GTQ 포토샵 1급] 100점으로 합격한 후기 (시험 치기 10분전에 읽고 합격하자!!!)

[css 2.] css 작성하기 (선택자, 우선순위, 가상요소 before, after)

[웹디자인&웹퍼블리셔] 강의는?

[css 3.] 다양한 단위 설정하기 - px, %, em, rem, vw, vh

[라이브러리] swiper.js 슬라이드 사용법, 커스텀, 적용실패이유, 옵션 정리, 반응형

[css 4.] 웹폰트 적용하기

[html 4.] html 목록 태그 작성하기 (ul, ol, li, 중첩 ul 구조 파악하기)

[GTQi 일러스트] 자격증 합격기준 & 기출문제