.container { display： flex；flex-direction： column；align-items： center；background-color： #b3d4db；}。编译之后的效果很明显，界面的布局也很合理，看起来很清晰。那么究竟这个属性是干嘛用的呢。Flex是Flexible Box的缩写，意为&quot；弹性布局&quot；，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。