css弹性布局，自适应通过百分比布局

样式：

父级跟子级布局：

.floor ul {display:-webkit-box;display:-moz-box;display:-webkit-flex;-webkit-flex-flow:row;display:-moz-flex;-moz-flex-flow:row;display:-ms-flex;-ms-flex-flow:row;display:-o-flex;-o-flex-flow:row;display:flex;flex-flow:row;}
.floor ul li { -webkit-box-flex:1;-moz-box-flex:1;width:50%;-webkit-flex:1;-moz-flex:1;-ms-flex:1;-o-flex:1;flex:1; }

html代码：

<ul>
	<li>
		<div class="aditem">
			<a href=""><img src="images/index/20151209163811_7000.jpg"></a>
		</div>
		<div class="aditem">
			<a href=""><img src="images/index/20151210184213_1472.jpg"></a>
		</div>
	</li>
	<li>
		<div class="aditem">
			<a href=""><img src="images/index/20151205115917_7912.jpg"></a>
		</div>
		<div class="aditem">
			<a href=""><img src="images/index/20151208101058_4434.jpg"></a>
		</div>
	</li>
</ul>

效果：

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/514

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！