HTML，我不明白为什么仍然需要把class =＆＃34; container＆＃34;在class =＆＃34; nav＆＃34;？

Question

我不明白为什么还要把class =＆＃34; container＆＃34;在class =＆＃34; nav＆＃34;？ class =＆＃34; nav＆＃34;已经将整个元素分开......为什么还需要把class =＆＃34; container＆＃34;？

<div class="nav">
  <div class="container">
    <ul>
      <li><a href="#">Airbnb logo</a></li>
      <li><a href="#">Browse</a></li>
    </ul>
    <ul>
      <li><a href="#">Sign Up</a></li>
      <li><a href="#">Log In</a></li>
      <li><a href="#">Help</a></li>
    </ul>
  </div>
</div>

Answer 1

为什么？

因为在没有任何其他信息的情况下，您可能希望限制list($type1, $type2) = $max_keys; 类的宽度，但不能限制.container类的宽度。

也许您希望.nav为100％宽（默认为默认值），但容器宽度为80％且居中。

这只是一个原因......

以下示例：

.nav

* {
  margin: 0;
  padding: 0;
}
.nav {
  background: lightblue
}
.container {
  width: 80%;
  margin: 0 auto;
  background: green;
  height: 150px;
}