css - 删除 Div 之间的空白 - 帮助我重构代码

Question

我有两个 div，我想为我的网站标题合并在一起。我希望它们都是黑色的并且中间没有空白。请指教。另外 - 有人推荐我如何编写代码吗？我正在使用容器类，但我的 CSS 中没有容器类 - 这是 Bootstrap 默认值还是什么？

谢谢!见下文

<div class="nav">
      <div class="container" style="background-color: #000000;>
        <ul class="pull-left">
          <li><a href="#">Home</a></li>
          <li><a href="#">About Us</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">Pricing</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
</div>



  <div style="background-color: #000000;" class="container" >
  <div><img src="http://www.part-box.com/images/yf.png" height="auto" width="400"></div>

</div> 

Answer 1

如果您只是想合并两者且中间没有空格，那么您可以将图像标签放在第一个 div 中。最简单的解决方案，根据我对您的要求的解释，做您想做的事。

像这样:

<div class="nav">
  <div class="container" style="background-color: #000000;">
    <ul class="pull-left">
      <li><a href="#">Home</a></li>
      <li><a href="#">About Us</a></li>
    </ul>
    <ul class="pull-right">
      <li><a href="#">Portfolio</a></li>
      <li><a href="#">Pricing</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
    <img src="http://www.part-box.com/images/yf.png" height="auto" width="400">
  </div>
</div>