F 유형 정리

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

 

F-1	F-3

=====F-1, F-3 공통 스타일=====
html, body{ min-width: 1340px; }
header{ width: 1340px; height: 100px; }
.hwrap{ width: 1340px; height: 100%; }  /* .hwrap : header에 종속되는 div로 한번 더 묶음 */
.slide{ width: 100%; height: 350px; position: relative; }   /* .slide : B영역 */
.contents{ width: 1340px; height: 550px; position: relative; margin-top: -100px; }   /* .contents : C영역 */
footer{ width: 1340px; height: 120px; }
.fwrap{ width: 1340px; height: 100%; }   /* .fwrap : footer에 종속되는 div로 한번 더 묶음 */​

 

 

 

 

 

출처 : ⎡반응형 웹 실전 프로젝트 가이드 (김광수, 조혜경)⎦