如何将2 div放在另一个旁边

Question

遵循了很多解决方案，我希望像这样显示我的图表：

  

g1 g2
  g3 g4

所以我做了这个HTML：

<div class="x_content">
                      <div class="tableChart">
                        <div class="row">
                          <div class="col-md-6 col-sm-12 caseR">{{> chart chart_id=this.idChartMem}}</div>
                          <div class="col-md-6 col-sm-12 caseL">{{> chart chart_id=this.idChartCPU}}</div>
                        </div>
                        <div class="row">
                          <div class="col-md-6 col-sm-12 caseR">{{> chart chart_id=this.idChartNet}}</div>
                          <div class="col-md-6 col-sm-12 caseL">{{> chart chart_id=this.idChartDisk}}</div>
                        </div>
                      </div>
                    </div>

使用以下CSS应该按我的意愿放置容器：

.highcharts-container{
  width:100% !important;
  height:100% !important;
}

.caseR, .caseL{
  width:100% !important;
  height:100% !important;
}
.caseR{
  float: right !important;
}
.caseL{
  float:left !important;
}

但我有这个：

所以它是正确的，因为我有2个容器，但是每个容器中的图形不应该在列表中，而是1-2以下3-4个。

Answer 1

您应该制作图表的Player p = new Player(); p.setUid(123L); p.setName("Mike"); updater.saveOrUpdatePlayer(p); p = playerDAO.findByName("Mike") or p = playerDAO.findByUid(123L) .... Caused by: org.hibernate.property.access.spi.PropertyAccessException: Error accessing field... Caused by: java.lang.IllegalArgumentException: Can not set java.lang.Long field ...entities.Player.uid to java.lang.Long 并将其显示出来：width: 50%;如果我理解正确的话。

＆＃13;

＆＃13;

inline-block;

＆＃13;

div {
  display: inline-block;
  min-width: 49%;
  height: 200px;
  background: red;
  border: 1px solid #fff;
}

＆＃13;

＆＃13;

＆＃13;