如何嵌套Divs

时间:2019-01-20 02:42:05

标签: html

因此,我想做的是将div放入div中。文本编辑器将第二个div的末尾作为第一个div的末尾。

这种让我感到难过的东西,所以我真的没有尝试过其他东西

 <div id="navbar">

</div>
<div id="else">
<div>
</div>
<div id="project1">

</div>
</div>

最后一个div应该和第一个一起。

3 个答案:

答案 0 :(得分:1)

 <div id="navbar">
  <div id="outer">
    <div id="innerOne">

    </div>

    <div id="innerTwo">

    </div>
  </div>
</div>

如果您想使事情更轻松,请务必充分利用缩进和间距!

如果您在声明第一个div时在代码中注意到,您立即将其再次关闭并开始一个新的div,则每个其他div都希望嵌套在其中。

 <div id="navbar">
 A Div on it's own
</div>
<div id="else">
A new div on the same 'level' as the last
<div>
      a Child of the else div
</div>
<div id="project1">
    second Child of the else div
</div>
  end of else
</div>

答案 1 :(得分:1)

当您执行以下操作时,查找嵌套更加容易

  1. 缩进代码,然后
  2. 添加注释以跟踪(匹配的)结束标记

<div id='navbar'> //打开导航栏
<div id='else'>
</div> //结束其他
<div id='project1'>
</div> //结束project1
</div> //结束导航栏

(我的代码块有问题,但是希望您能理解我的意思...)

答案 2 :(得分:0)

HTML中,大多数开头标签之后应该是内容,然后是closing tag 就您而言...

也有个自动关闭标签,例如,不需要关闭标签:<img src="">

您的代码是错误的,因为在<div id="else">之后,您还有另一个div开头标签,但前面应该有一个结束标签,如下所示:

<div id="navbar">
</div>
<div id="else">
</div>
<div id="project1">
</div>

嵌套div应该如下所示:

<div id="navbar></div>
<div id="else">
    <div id="project1"></div>
</div>