float, position : absolute 위로 뜨는 개념

float, position: absolute 을 주게 되면

inline-block이 된다 -> width가 없어진다, margin:auto 안먹힘   -> width : 100% 함께 써주기 

이때 아래 콘텐트가 위로 올라가 숨을수 있는데 이때 아래 콘텐트에 clear를 사용하기                       

 

 

<float 말고 clear를 사용하는 이유>

1. float을 쓰면 그 아래 다음 콘텐트가 또 위로 올라가 숨을수 있다

 

2. 화면의 크기가 바뀌면 옆으로 올라갈수 있다

 

3. margin: auto를 쓸수 있다 (margin:auto쓸때 꼭 width값 넣어주기)

 

 

우선순위

position : absolute, fixed       >      float          >       margin:auto (+width,  position:relative)