위코딩
반응형
article thumbnail
[CSS] 레이아웃과 포지셔닝 (float, position, display 등)
Style sheet/CSS 2023. 7. 19. 03:18

레이아웃과 포지셔닝은 CSS를 사용하여 웹 페이지의 요소들을 배치하는 방법을 제어하는 기술입니다. 웹 페이지의 레이아웃을 구성하는데는 여러가지 방법과 속성들이 존재하며, 주요한 레이아웃 기법과 포지셔닝 속성들을 소개하겠습니다. 1. 블록 레이아웃(Block Layout)과 인라인 레이아웃(Inline Layout) 블록 레이아웃은 HTML 요소들을 수직으로 배치하는 방식으로, 기본적인 레이아웃 방법입니다. 블록 레이아웃은 , , 등의 블록 요소들이 기본적으로 가지는 레이아웃 속성입니다. 각 요소는 새로운 라인에서 시작하며, 부모 요소의 가로 영역을 차지합니다. 인라인 레이아웃은 HTML 요소들을 수평으로 배치하는 방식으로, , , 등의 인라인 요소들이 기본적으로 가지는 레이아웃 속성입니다. 인라인 요소들..

반응형
loading loading