说明：

三个元素的自然宽度分别为：26.5，8.8，44.3

加和为79.6，因为分配比例为1:2:1，所以除4得19.9，最后第一个元素和第三个元素的宽度为19.9，第二个元素的宽度为19.9*2=39.8

只有加了 overflow: hidden; 这样的属性才可以按比例分配宽度，否则内部的内容会直接将容器撑开，像下面这样：

注：上面的数字精度只保留到小数点后一位，与真实渲染结果有一定误差。