반응형 float2 레이아웃 - float 유형 - 반응형 레이아웃 - float 유형 - 반응형 https://dongjin6539.tistory.com/14 앞서 블로그에서 레이아웃 float유형에 대해 알아보았습니다. 지금 블로그에서는 사용자가 모바일을 사용해도 깨지지 않는 반응형에 대해 알아보겠습니다. 그럼 보러 가시죠!!! 예시를 만들어서 작성해보겠습니다!!! 1920px * 1080px의 사이즈에 1200px * 1080px 구역 레이아웃을 만들어 보겠습니다. 작성 방법 전체 구역을 만들어주고 각 구역을 하나씩 만들어 줍니다. header 구역, nav 구역, sectioin 구역, footer 구역을 만들어줍니다. head 태그에 style 태그를 입력해줍니다. 구역을 초기화 시키기 위해 전체 구역 *{ }에 margin: 0;, padding: 0.. 2023. 3. 1. 레이아웃 - float 유형 레이아웃 - float 유형 block 요소는 원래 세로로 나열되지만 float을 이용하여 가로로 배치할 수 있습니다. float은 레이아웃을 완성하기 위한 필수적인 속성이다. float을 지정하는 방법과 float을 해제하는 방법도 있다. 속성 값 설명 left 요소를 왼쪽에 배치하고 나머지 콘텐츠를 그 주변을 흐르도록 함 right 요소를 오른쪽에 배치하고 나머지 콘텐츠를 그 주변을 흐르도록 함 none float 실행을 취소할 때 사용 함 예시를 만들어서 작성해보겠습니다!!! 1920px * 1080px의 사이즈에 1200px * 1080px 구역 레이아웃을 만들어 보겠습니다. 전체 구역을 만들어주고 각 구역을 하나씩 만들어 줍니다. header 구역, nav 구역, aside 구역, sectioi.. 2023. 2. 24. 이전 1 다음 반응형
