Question

我是Web Dev的新手，我面临的问题是Div：https://jsfiddle.net/debashis_gt540m/17mmmxps/2/ 最后的三个div在它们之间有一定的间距，我尝试将所有3个div插入一个div中，但它没有帮助。任何人？我想摆脱3个div之间的空间。代码是：

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="https://in.linkedin.com/in/debdebashis"   target="_blank">Debashis Deb</a>
    </div>
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Home</a>
       </li>
        <li><a href="#" class="text-primary">About Me</a>
        </li>
        <li><a href="#">Skills</a>
        </li>
        <li><a href="#">Interests</a>
        </li>
        <li><a href="#">Contact Me</a>
        </li>
        <li>
          <a>&nbsp;&nbsp;&nbsp;</a>
        </li>
      </ul></div>
  </div>
</nav>
<div>
<div class="container-fluid bg-1 well">
     <div class="row">

     </div>

</div>
<div class="container-fluid bg-2 well">
</div>
<div class="container-fluid bg-3 well">
</div>
</div>

Answer 1

.well {
    margin-bottom: 0px !important;
}

Answer 2

3个div具有底部边距，这就是添加空间的原因。添加此css：

.container-fluid{margin-bottom:0px;}

需要删除Div之间的垂直间距

2 个答案: