D 유형 정리

1.  D 유형 와이어프레임 분석

 

D-1	D-3

=====D-1, D-3 공통 스타일=====
body{ min-width: 1200px; min-height: 950px; }
header{ width: 200px; float: left; }
.hwrap{ width: 200px; height: 850px; float: left; }  /* .hwrap : header에 종속되는 div로 한번 더 묶음 */
.slide{ width: calc(100% - 200px); height: 400px; float: right; } /* .slide : B영역 */
.contents{ width: calc(100% - 200px); height: 450px; float: right; } /* .contents : C영역 */
footer{ width: 100%; height: 100px; float: right; }