Question

我有这个页面：

http://i61.tinypic.com/sg0th3.png

见上图，我的内容覆盖模块联系人（仅限手机）我做出决议的图片是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>

我尝试添加padding-top或margin-top但遗憾的是无效。你能帮我解决这个问题吗？

Answer 1

这似乎可以解决问题：

删除此：

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

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

添加：xs：

以上

#contact-info{
    float: right;
}

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

1 个答案: