Question

我有两个100％宽度的div我有问题我在div之间获得空间我正在使用bootstrap并尝试了不同的CSS属性但没有任何反应我希望它们之间的0余量无法弄清楚它是如何完成的

我的代码：

          .sec-one {
            height: 200px;
            width: 100%;
            background-color: pink;
          }
          .sec-two {
            height: 200px;
            width: 100%;
            background-color: red;
            text-align: center;
          }
          #header h1 a {
            display: inline-block;
            text-decoration: none;
            font-size: 1.8em;
            color: white;
            margin-top: 90px;
          }

<html>

<head>
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</head>

<body>

  <div class="sec-one">

  </div>

  <div class="sec-two">

    <div id="header">
      <h1><strong><a href="">A Heading</a></strong></h1>
    </div>

  </div>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>

</html>

Answer 1

只需在样式表中插入jul即可。

在我的例子中，该物业位于顶部。

Example

Answer 2

试试这个

.sec-one {
    height: 200px;
    width: 100%;
    background-color:pink;
  }

  .sec-two{
    height: 200px;
    width: 100%;
    background-color:red;
    text-align: center;
  }

  #header h1 a {
    display: inline-block;
    text-decoration: none;
    font-size: 1.8em;
    color: white;
    margin-top: 90px;
  }
h1
{
    margin:0;
  }

 <div class="sec-one">

  </div>

  <div class="sec-two">

    <div id="header">
      <h1><strong><a href="">A Heading</a></strong></h1>
    </div>

  </div>

如何消除这两个DIV之间不需要的空间？

3 个答案: