제 느낌대로 레이아웃을 짜봤는데 이렇게 해도 되는건가요 ?

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="/레이아웃css/02_레이아웃가로100.css" />
  </head>
  <body>
    <div class="container">
      <div class="header-container">
        <header>
          <div class="header-logo"></div>
          <div class="navi"></div>
        </header>
      </div>
      <div class="slide-container">
        <div class="slide">
          <div></div>
        </div>
      </div>
      <div class="items-container">
        <div class="items">
          <div class="item1"></div>
          <div class="item2"></div>
          <div class="item3"></div>
        </div>
      </div>
      <div class="footer-container">
        <footer>
          <div class="footer-logo"></div>
          <div class="footer-box">
            <div class="footer-navi"></div>
            <div class="copyright"></div>
          </div>
        </footer>
      </div>
    </div>
  </body>
</html>
--------------------------------------------
.container {
}
.header-container {
  border: 1px solid red;
}
header {
  margin: auto;
  border: 1px solid black;
  height: 100px;
  width: 1200px;
}
header > div {
  border: 1px solid black;
  height: 100px;
  box-sizing: border-box;
}
.header-logo {
  width: 200px;
  float: left;
}
.navi {
  width: 1000px;
  float: right;
}
.slide-container {
}
.slide {
  border: 1px solid black;
  margin: auto;
  width: 1200px;
  height: 300px;
}
.items-container {
  overflow: hidden;
}
.items {
  border: 1px solid black;
  width: 1200px;
  margin: auto;
}
.items > div {
  border: 1px solid black;
  width: 400px;
  height: 200px;
  float: left;
  box-sizing: border-box;
}
.footer-container {
  border: 1px solid red;
}
footer {
  overflow: hidden;
  border: 1px solid black;
  width: 1200px;
  margin: auto;
}
footer > div {
  border: 1px solid black;
  height: 100px;
  box-sizing: border-box;
}
.footer-logo {
  width: 200px;
  float: left;
}
.footer-box {
  width: 1000px;
  float: right;
}
.footer-box > div {
  height: 50px;
  border: 1px solid black;
}
이런식으로 짜도 상관없는건지 물어보고싶습니당.
인프런 커뮤니티 질문&답변
