在容器中包含Map

Question

我有一个容器，里面有很少的表格和一个地图。我想增加整个容器的大小并将地图放在它的右/左侧。但是如果我修改了列或行，则地图移动到容器的底部。如何正确送入地图？

<div class="row">
  <div class="col-6">

    <div class="form-group">
      <label for="street">Event Name</label> <br>
      <p>
        <?php  echo $_SESSION['current_event_name']; ?> </p>
    </div>
    <div class="form-group">
      <label for="street">Event2</label> <br>
      <p>
        <?php  echo $_SESSION['current_event_descr']; ?> </p>
    </div>
    <div class="form-group">
      <label for="street">Event3</label> <br>
      <p>
        <?php  echo $_SESSION['current_event_hobby']; ?> </p>
    </div>
    <div class="form-group">
      <label for="street">Event 4</label> <br>
      <p>
        <?php  echo $_SESSION['current_event_date']; ?> </p>
    </div>
    <div class="form-group">
      <label for="street">Event Time</label> <br>
      <p>
        <?php  echo $_SESSION['current_event_time_start']." to ".$_SESSION['current_event_time_start']; ?> </p>
    </div>
  </div>

  <div class="col-6">
    <p> Maps </p>
    <div id="map-container" class="z-depth-1" style="height: 1800px; width: 200px;"></div>
  </div>
</div>

Answer 1

尝试在FIRST'col-6'div上定义这种风格：

float: left;
width: 50%;