yngmanie 블로그

absolute와 float 비교

frontend • html • css • absolute • float

29 May 2018

absolute와 float는 모두 일반적인 흐름을 벗어난다. 그렇다면 그 이외에 어떤 차이가 있는지 알아보자.

absolute

• 레이어이기 때문에 absolute 위에 absolute가 겹칠 수가 있다.
• 논리적인 흐름상에 있는 line 속성 위에 떠 있을 때 line 속성을 가린다.

float

• 보모 크기만큼의 line box가 생기면서 논리적인 흐름을 벗어나고, 레이어가 아니기때문에 absolute처럼 겹치지 않는다.
• 논리적인 흐름상에 있는 line 속성 위에 떠 있을 때 line 속성을 밀어낸다.