아빠개발자의 노트

CSS 의 FLOAT 는 LEFT, RIGHT 로 정해서 설정할수있다

주로 그림에 쓰며 그림과 글이 어울려서 서로 가각의 공간을 차지하면서

표한하기위해 쓴다.

​

clear 는 float의 영향을 안받게할수있다.

float은 left로 설정할경우 공간이 남으면 차곡차곡 쌓이고 없으면 밑으로 떨어진다

clear는 이걸 both,left,right 셋중 하나로 작성하여 float이랑 상관없이 밑으로 떨어지게 할수있다.

​

그리고 border를 할경우 테두리겹침현상이 일어날수있는데 그럴경우 margin 을 -1px 로 사용하면된다

또한 float으로 사용할경우 크기를 고정시킬떄 있는대 그럴경우 크기가 안맞는경우가있는대

boxsizing : boder-box 로 사용하여 크기를 바꿔주면된다.