リミットウェブページの終了

Question

私はこのdivを持っています。私はフルサイズのGoogleマップを埋め込んでおり、すべてが完璧です。

唯一のことは、ウェブサイトをそのマップで終わらせたいということですが、マップの後には非常に迷惑な大きな白い空白があり、私はカントを取り除きます。

これは空白です：

これはHTMLです：

<section id="map"> 

      <div class="row map-responsive"> 


       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3610.334763153511!2d55.25977471511042!3d25.191930738095937!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f69d635700003%3A0x5c8b6fcc676e05d2!2sEngage+Me!5e0!3m2!1sen!2sae!4v1462471068339" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> 



      </div> 
    </section> 

はCSS：

.map-responsive{ 
    margin-top: 0; 
    padding-top: 0; 
    overflow:hidden; 
    position:relative; 
    top: -150px; 
    padding: 30%; 
    height:0; 
} 
.map-responsive iframe{ 
    left:0; 
    top:0; 
    height:300px; 
    width:100% !important; 
    position:absolute; 
} 

Answer 1

答えは代わりの30％を30pxするパディングを設定しました。

また、削除してそのまま残しました。