flexbox 页面布局

使用flex布局

<div class="content">

<div class="list"></div>

<div class="list"></div>

<div class="list"></div>

<div class="list"></div>

</div>

css

.content{

display:flex;

flex-wrap:wrap;

}

.content .list{

width:200px;

height:200px;

}

参考：

理解Flexbox：你需要知道的一切