行内块元素没有对齐

同一DIV内，两个行内块元素不对齐

将div都设为inline-block行内块元素

.main-cont>div{
    display: inline-block;
    margin-top: 10px;
  }

问题：运行后的效果，两个div没有对齐

原因：这个跟基线对齐有关系，inline-block的基线是正常流中最后一个line box的基线

解决方法：修改基线不同div的对齐方式：vertical-align: ;可根据自己的调整

.industryList-box {
    width: 600px;
    height: 400px;
    background: #ffffff;
    vertical-align: bottom;
  }

解决完成：后的效果