gmap里面的div 100％高度100％宽度不起作用

Question

我正在尝试使用与airbnb页面相同的谷歌地图制作div。分区内谷歌地图的位置是固定的，gmap div的高度和宽度都是100％，当我打开页面时它似乎是这样，但底部的谷歌徽标不是显示，即使我检查元素时它并没有表明它超出了div。

#gmap {height:100%;
width:100%;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;}

.container {position: relative;
display: table;
min-height: 100%;
height: 100%;
width:100%;}

.container > div {
vertical-align: top;}

.map {position: fixed;
top: 70px;
right: 0;
min-height: 100%;
margin-right: 0px;
height: 100%;
z-index: 99;
overflow: auto;}

HTML code`

    <div id="content">
        <div class="container">
        <div class="col-md-2">
         @section('leftsidebar')
                    @include('layouts.pages.leftsidebar')
                @show
        </div>
        <div class="col-md-6"
            <section class="content">
                @section('content')
                    @yield('content')
                @show
            </section><!-- /.content -->
        </div>
        <div class="col-md-4 map">
          <div id="gmap">       
          </div><!--/#gmap-->
        </div>
    </div>
</div><!-- ./wrapper -->`