Question

在您创建网站的索引文件或骨架时，HTML构建的结构是什么？例如：1st是一个Header，然后是Navbar等。为什么我们嵌套div？分开放div是不是更好？

而不是：

<div id="header">  

  <div id="menubar_container">

    <div id="menubar">

      <div id="welcome">
        <h1><a href="#">Industrial Grey</a></h1>
      </div><!--close welcome-->

      <div id="menu_items">
        <ul id="menu">
          <li class="current"><a href="index.html">Home</a></li>
          <li><a href="ourwork.html">Our Work</a></li>
          <li><a href="testimonials.html">Testimonials</a></li>
          <li><a href="projects.html">Projects</a></li>
          <li><a href="contact.html">Contact Us</a></li>
        </ul>
      </div><!--close menu-->

    </div><!--close menubar-->  

  </div><!--close menubar_container-->  

</div><!--close header-->

将所有div分开：

<div id="header">


</div> <!--closing the header div -->



</div id="menubar">enter code here



</div> <!-- closing the menubar div -->

说实话，我看了数百个教程，阅读了数百种材料，但仍然没有得到几十个div的嵌套点。

Answer 1

嵌套 DIV 可以更轻松地设置网站样式。假设您想为网站的特定部分添加边距（例如在具有多个部分的文章中，但不是页眉或页脚）。通过将文章的主要内容放在嵌套的 DIV 中，可以轻松地将边距应用于整个部分。

（您不需要多个 CSS 来实现效果。）

此外，嵌套 DIV 可帮助您组织 DOM。这可能使您更容易在开发人员工具中找到代码的特定部分。您的网站也将更易于访问。

TLDR：嵌套 DIV 是最佳实践。

为什么我们需要嵌套div？

1 个答案: