CSS按比例划分空间是一种常见的布局方式，它可以让元素在网页中按照比例进行排布，达到更合理的页面布局。

.container {display: flex;flex-direction: row;}.item {flex: 1;}.item.large {flex: 2;}

上面的CSS代码中，我们使用了flex布局进行元素的排布，容器的flex-direction为row，这表示子元素会在一行中从左到右排列。

而.item的flex属性控制了元素空间划分的比例，我们将所有元素都设为1，这表示它们会平均分配剩余空间。同时，我们将.large类的元素的flex值设为2，这表示.large元素的宽度会是其相邻元素的两倍。

通过这种方式，我们可以轻松地实现按比例划分元素空间的布局。使用flex布局不仅简单易懂，而且适用性非常广泛，可以在各种场景中实现各种不同的布局效果。