使用CSS3 flexbox

使用CSS3 flex布局模型，您可以轻松地创建等高的列或并排对齐的元素。只需在容器元素上应用display带有值flex的flex属性，在子元素上应用值为1的属性

less写法

.design {
    display: flex;
    > div {
        flex: 1;
    }
}

普通写法

.design {
    display: flex;
}
.design > div {
    flex: 1;
}