div 배치 시작하기

---

웹 디자인 개발자가 아니라 div 요소 정리는 늘 힘들다.

아래 참고.

복붙해서 응용 해려구 기록 

참고

blog.naver.com/jokercsi1/221907670908

<template>
  <div id="wrap">
    <div class="header"></div>
    <div class="aside"></div>
    <div class="contents"></div>
    <div class="footer"></div>
  </div>
</template>
<script>
</script>
<style lang="scss">
#wrap {
  width: 100%;
  margin: 0 auto;
}
.header {
  width: 100%;
  height: 150px;
  background: #9566cc;
}
.aside {
  float: left;
  width: 30%;
  height: 700px;
  background: #7c5772;
}
.contents {
  float: left;
  width: 70%;
  height: 700px;
  background: #0300ef;
}
.footer {
  clear: both;
  width: 100%;
  height: 150px;
  background: #00ef15;
}
</style>

---