▶ position의 display 수정 - position: absolute, position: fixed이 적용된 요소는 display 속성의 값이 대부분 block으로 수정됨. - cf. float 속성과 유사. float의 display 수정: developing-move.tistory.com/124 [CSS] float의 display 수정 ▶ CSS float 참조: developing-move.tistory.com/123 - float 속성이 추가된 요소는 display 속성의 값이 대부분의 경우 block으로 수정됨. - 의 전형적인 inline 속성. - 에 display: block; 적용 시 결과 화.. developing-move.tistory.com - position: stati..

▶ CSS float 참조: developing-move.tistory.com/123 - float 속성이 추가된 요소는 display 속성의 값이 대부분의 경우 block으로 수정됨. - 의 전형적인 inline 속성. - 에 display: block; 적용 시 결과 화면. - float: left; 사용. - display: block;과 마찬가지로 요소의 가로/세로 크기를 가질 수 있게 되고 margin이 적용됨. - 대부분의 경우 display 속성의 값이 변경되는 것으로 그렇지 않은 값들도 있음. 지정 값 변화 값 inline block inline-block block inline-table block table-row block table-row-group block table-column..

▶ display - 요소의 박스 타입(유형)을 설정. - 요소가 화면에 보여지는 형태를 설정하는 것. [속성 값] - block: block 요소 처리. ex) 등. - inline: inline 요소 처리. ex) span 등. - 가로/세로의 값을 가질 수 없음. - inline-block: inline-block 요소 처리. base는 inline. - 수평으로 쌓이고 텍스트를 다루는 데 특화. - 가로/세로의 값을 가지고 margin/padding의 상하 값을 가질 수 있다는 특징을 가짐. - 기타: table, table-cell, flex 등. - none: 요소의 박스 타입이 없음(화면에서 요소가 사라짐). - display: block; & display: inline; - display..