css按比例分割父视图

本文主要讲述通过设置css达到子视图按比例分割父视图的目的。
思路
首先展示方式要是block的形式，因为inline这种方式，设置了宽度也不会生效。
block是块元素，会独一行，因此将要设置float属性。
现在，设置完float属性之后，父视图要清楚浮动，否则父视图不会子视图自动拉伸高度。
因此css样式如下
.clos-3{
display: block;
float: left;
width:33.3%;
}

清楚浮动代码（给父视图使用）

屏幕快照 2018-11-07 下午5.32.09.png