*display와 position의 정리*

-display-

 

종류	inline-block,inline	block	none
너비	최소한으로 줄어든다	최대한으로 넓어진다.	없어진다.
본질	글자화	블록화
line사용	한 줄에 최대한 여러개가 나온다.	한 줄을 무조건 혼자 쓴다.
정렬	부모의 text-aline에 의해서 정렬	스스로 margin-left,margin-right를 사용해서 정렬

ex) inline=a,img,span ...

     block=div,section,article ...

 

*inline에는 width,height,margin,padding 이 재대로 적용되지 않는다*

 =inline-block 혹은 block 으로 승격 시켜준다!!

 

 

-position-

종류	absolute,fixed	relative	static
너비	최대한 줄어든다.	그대로 유지	그대로 유지
본질	유령화,유령의 집화	유령의 집화	사람화
겹침허용	겹치는게 가능	겹치는거 불가능	겹치는거 불가능
이동	top,left,right,bottom으로 이동	-