分割頁(yè)面區(qū)域的大盒子寬度一定要給百分比构韵，這樣才能不丟失精度。
5趋艘、移動(dòng)端布局場(chǎng)景：三等分自適應(yīng)容器
《三等分父容器疲恢，且固定間隙》
解決方案1：
Ul>li*3>div
將padding總值/3，第1個(gè)LI padding-right: 1/3瓷胧；第2個(gè)LI 左右padding之和=1/3显拳；第3個(gè)LI padding-left：1/3.
所有LI寬度33.3333%.
解決方案2：
使用CSS3中新增的彈性盒子布局。
父盒子添加：
1 //曾用名
2 display: -webkit-box;
3 display:box;
4 //現(xiàn)用名
5 display:-webkit-flex;
6 display:flex;
Ps：父容器添加該屬性搓萧，意味著允許子元素分割它的剩余寬度杂数，剩余寬度計(jì)算時(shí)遇八，會(huì)預(yù)先減去子元素的margin padding border，然后才進(jìn)行分割耍休。
子盒子添加：
7 //曾用名
8 -webkit-box-flex: number;
9 box-flex:number;
10 //現(xiàn)用名
11 -webkit-Flex:number;
12 flex:number;
Ps：number是代表這個(gè)盒子平分的份數(shù)刃永，父元素的剩余寬度會(huì)被平分成總number份。
如:ul>li*3 第1個(gè)LI flex:2; 第2 3個(gè) LI flex:1;
則ul寬度被分成4份羊精，第1個(gè)LI占2份斯够，后面兩個(gè)各占1份。
<br />
