답변 5개 / 댓글 1개
그누보드 사용하시고 지금 페이지 안에 들어 왔을때 화면 구성을 저렇게 하시고자 하면
먼저 html 구조는 예상을 해보면
<div class="container"> <!-- 기존에 행사일정 이라 메인 페이지 라고 가정하고 -->
<div class="container-inner"> <!-- 세로형 게시판과 행사일정 달력을 감싸는 것 -->
<div class="left-board"> <!-- 좌측 게시판 -->
</div>
<div class="calendar"> <!-- 우측 달력 -->
</div>
</div>
</div>
CSS /* width: 와 height: 값은 넣어 주셔야 합니다. float 으로 할때*/
.container-inner { clear: both; content: ''; display: block; }
.left-board { float: left; width: ???px; height: ???px; }
.calendar { float: left; width: ???px; height: ???px; }
CSS /* flex 으로 할때 */
.container-inner { display: flex; flex-direction: column; align-items: center; }
.left-board { width: ???px; height: ???px; }
.calendar { width: ???px; height: ???px; }
CSS float, flex 공부해보세요.
답변을 작성하려면 로그인이 필요합니다.
