질문&답변
전체레이아웃 E형 _ 브라우져 가로스크롤 생성이 됩니다.
@charset "utf-8"; body { margin: 0; background-color: #fff; color: #333; } a{ text-decoration: none; color: inherit; } /*entire layout*/ .container{ } .main-content{ display: flex; } .main-content > div { border: 1px solid #000; } .left{ width: 200px; } .center{ width: 400px; } .right{ flex:1; } /*header*/ header{} header > div { border: 1px solid red; } .header-logo{ height: 100px; } .navi{ height: 400px; } /*items*/ .items{} .items > div { border: 1px solid red; } .shortcut{ height: 130px; } .news{ height: 400px; } .gallery{ height: 300px; } .slide-banner{ height: 100px; } /*slide*/ .slide {} .slide > div { border: 1px solid red; } .slide-image{ height: calc(100vh - 100px); } /*footer*/ footer{ display: flex; } footer > div { border: 1px solid red; height: 100px; } .footer-logo{ width: 200px; } .footer-content{ flex: 1; } .footer-content > div { border: 1px solid red; } .footer-link{ height: 40px; } .copyright{} .family-site{ width: 300px; }
- 좋아요수
- 1
- 댓글수
- 4
- 조회수
- 503