CSS img溢出我的div

-2

我有3格与高度：100vh 但与响应我的imgs溢出。你可以检查图像上。对不起，我英文很差！CSS img溢出我的div

这是HTML：

<section id="services" class="container content-section text-center"> 
    <div class="col-lg-8 col-lg-offset-2"> 
     <div class="row"> 
      <div class="col-lg-6"> 
       <h2>Services </h2> 
       <ul> 
        <li>Covoiturages </li> 
        <li>Food </li> 
        <li>Hébergement </li> 
       </ul> 
      </div> 
      <div class="col-lg-6"> 
       <img src="img/mockup-iphone.png" alt="mockup iphone" class="img-responsive"/> 
      </div> 
     </div> 

</section> <!-- close about --> 
<section id="communities" class="container content-section text-center"> 
      <div class="row"> 
      <div class="col-lg-6"> 
       <img src="img/mockup-iphone.png" alt="mockup iphone" class="img-responsive"/> 
      </div> 
      <div class="col-lg-6"> 
       <h2>Communities </h2> 
       <ul> 
        <li>Texte </li> 
        <li>Texte </li> 
        <li>Texte </li> 
       </ul> 
      </div> 
     </div> 
</section>

而CSS：

#services{ 
    width: 100%; 
    height:100vh; 
    background-color: #62b030; 
} 
#services img{ 
    height:90%; 
}

来源

2017-02-15 Manou Falzone

我们可以得到一些代码或现场示例吗？ –

E qualèIl problema？ –

你需要清楚地显示你的代码/努力，到目前为止所做的努力，期望的输出和你所面临的问题。请编辑您的问题 –

尽量小的IMG身高：80vh，或钙图像最大高度：理论值（100vh-100像素）;溢出：隐藏#services也可能工作。 YOu还可以为你的img-responsive或你的img类增加宽度和高度。

来源

2017-02-15 19:03:18

CSS img溢出我的div

回答

相关问题