반응형 inline-block1 HTML, CSS 기초 float, inline-block - float을 이용한 레이아웃 만들기 이와같은 레이아웃을 만들기위해 먼저 크게 Container를 만들어준다. 그리고 그안에 순서대로 header, left-menu, right, footer를 만들어주는데 div를 사용하게되면 기본 display:block 속성이기때문에 원하는대로 만들 수 없음 이때 float을 사용한다.float을 사용해 중간에 좌측 메뉴바, 우측 content 공간을 만들어주고 최종적으로 footer쪽은 clear:both를 이용해 float의 영향을 받지 않은체 레이아웃을 만들 수 있다. .container{ width: 800px; } .header{ width: 100%; /* 부모 태그 width의 100% */ height: 100px; background:aquamar.. 2023. 4. 21. 이전 1 다음 반응형