LayOuy1 LayOut 구조 3 레이아웃03 이번 레이아웃은 사이드메뉴가 하나 컨텐츠가 두개 들어간 구조입니다. float, flex, grid 를이용하여 구조화를 할수있습니다. flex 같은경우는 컨텐츠를 묶어서 구조화 합니다. float를 이용한 레이아웃 CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정합니다. * { padding: 0; margin: 0; } body { background-color: #E1F5FE; } #wrap { width: 1200px; margin: 0 auto; } #header { width: 100%; height: 100.. 2022. 7. 27. 이전 1 다음 728x90 반응형