html javascript有2个div的并排

Question

我有2个throws，一个用于显示地图，另一个div's用于显示form-horizontal。目前地图显示在页面顶部，textboxes显示在底部。是否可以在textboxes处显示textboxes，在右边显示地图left？

right

Answer 1

如果不再使用CSS，我可以说的是CSS属性display:inline-block;应该对这些元素起作用，使它们显示在同一行上。

确保从第一个div中删除width:100%;属性。

Answer 2

您可以使用float：

<强> CSS：

#googleMap {
  float: right;
  width: 50%;
}

.form-horizontal {
  float: left;
  width: 50%;
}

<强> HTML：

<div itemprop="map" id="googleMap"></div>
<div class="form-horizontal"></div>