CSS) clear
1) clear float 속성이 적용되지 않도록 지정(해제) 속성 값 값 의미 기본값 none 요소 띄움 허용 none left 왼쪽 띄움 해제 right 오른쪽 띄움 해제 both 양쪽(왼쪽, 오른쪽) 모드 띄움 해제 사용법 clear: both; ※ 보통은 clear: both;를 사용한다. 1. clear: both; 적용전 html 1 2 3 1 2 3 css .box { width: 100px; height: 100px; margin: 10px; background: tomato; float: left; } .box2 { width: 100px; height: 100px; margin: 10px; background: green; /* clear: both; */ } 출력결과 2. clear:..
CSS) font-family float clear .clearfix::after { content: ""; clear: both; display: block;}
1) font-family 요소를 좌우 방향으로 띄움(수평 정렬) ※ 수평정렬을 위해서 더 많이 사용된다. float을 대체하는 flex가 생겼음. 대부분은 flex박스를 사용한다. 속성 값 값 의미 기본값 none 요소 띄움 없음 none left 왼쪽으로 띄움 right 오른쪽으로 띄움 사용법 float: 방향; img { float: left; } ※ 요소에 float 속성을 적용하면, 적용된 요소 주변으로 문자(text)가 흐르게 된다. float 적용전 html Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC,..