Html 如何在内容和联系人模块之间添加更多空间

我有这一页：

请参见上图，我的内容覆盖模块仅与手机联系 我做了一个决议的图片是iPhone5

我想成为两者之间的一个空间，不幸的是，我设法增加了一个空间

这是CSS代码：

   @media screen and (max-width: 770px)
{
    #contact-info
{
width:268px;
height:270px;
background:url(images/BODY-CONTACT.png);
position:relative;
margin:30px auto;
height:220px;
}
}

这是HTML代码：

<div class="container-fluid">


 <!-- PLACE THIS LINE ABOVE YOUR HEADER -->


<div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12" style="font-size:17px;">
      <img src="http://avocat2.dac-proiect.ro/wp-content/themes/WordPressBootstrap-master/images/DESPRE-NOI.png" class="img-responsive center-block" style="cursor:pointer;">
    </div>

  </div>



  <div class="row">
    <div class="col-sm-12 col-md-12 col-lg-12" style="background:url(http://avocat2.dac-proiect.ro/wp-content/themes/WordPressBootstrap-master/images/BODY-DROP.png);font-size:17px;/*display:none;*/">

  <div class="container">
      <div class="row">


      <div class="col-sm-12 col-md-12 col-lg-12" style="color:white;;">


      </div>

      </div>


</div>


    <div class="container">

  <div class="row">
    <div class="col-sm-3 col-md-6 col-lg-6" style="color:white;;">
      <p>Cabinetul nostru a fost înfiinţat în anul 1997 de către Zorica L. Codoban, după o experienţă de 19 ani în domeniul juridic.
<br><br>
Activitatea cabinetului s-a concentrat de la început pe domeniul dreptului civil şi comercial. Competenţele cabinetului s-au extins în domeniul revendicărilor în temeiul legilor fondului funciar, iar după anul 2002 am început să asistăm clienţi în recuperarea imobilelor naţionalizate. Dreptul familiei, dreptul succesoral, dreptul muncii, legea insolvenţei au făcut parte constant din activitatea noastră. </p>
      <p> Am reprezentat instituţii publice, completând competenţele noastre în domeniul dreptului administrativ, achiziţiilor publice şi dreptului fiscal.</p>
    </div>
    <div class="col-sm-9 col-md-6 col-lg-5 col-lg-offset-1" style="color:white;">
      <p> Anul 2010 a marcat momentul în care am ne-am implicat direct în activitatea clienţilor societăţi comerciale, asigurând deopotrivă reprezentarea acestora în instanţă şi asistenţa juridică în activităţile curente.<br><br> Pentru a ne atinge obiectivele impreuna cu clientii nostri am colaborat cu specialisti in proprietate intelectuala, fiscalitate, contabilitate. 

Ne caracterizează experienţa în domeniul juridic, însoţită de onestitatea şi eficienţa în raport cu interesele clienţilo</p>
    </div>
  </div>
</div>

我试图添加填充顶部或边距顶部，但不幸的是没有工作。

---

你能帮我解决这个问题吗？

这似乎可以解决问题：

删除以下内容：

.navbar-default{
    position: absolute;
    bottom: 12px;
}

#contact-info{
    position: absolute;
    right: 0px;
}

在xs上添加以下内容：

#contact-info{
    float: right;
}

---

你的页面的问题是页脚叫做页眉，顺便说一句，它没有多大意义，但是nvm是固定的，它会阻止所有内容的查看，试着用简单的行和列来处理它，你会没事的。编辑：您在绝对定位方面做得太多，请尝试使用浮动定位，例如浮动：对；还有另一个版本吗？我知道我必须在这里改变很多东西。你可以在我的代码上告诉我该怎么做？谢谢