본문 바로가기

CSS/개념

float 너란 녀석... (6) (feat. 드디어 마무리)

이 포스트는 김버그님의 김버그의 HTML&CSS 강의 학습 후 메모한 내용을 정리한 것입니다.

출처 edu.goorm.io/learn/lecture/20583/%EA%B9%80%EB%B2%84%EA%B7%B8%EC%9D%98-html-css%EB%8A%94-%EC%9E%AC%EB%B0%8C%EB%8B%A4

 

 

김버그의 HTML&CSS는 재밌다 - 구름EDU

HTML&CSS를 한번에! 탄탄한 개념이해부터 실습까지 한 강의로 끝내기, 실무 가능한 실력으로 😎

edu.goorm.io

 

 

 

 

 

 

 

 

📝 메모


1. 가로배치를 원하는 요소(들)에 float:left를 준다.

 

2.그 요소(들)의 parent 요소에 가상 요소를 만들어 준다.

.parent::after{
	content:"";
	display:block;
	clear:left;
}

 

clear:left로 정리하면 끄읏-