.flex-layoutdisplayflex.flex__item&:nth-child(1)background-color#c04851//玉红色flex00200px&:nth-child(2)background-color#440e25//bronzePurpleflex11auto说明：flex是一个简写属性，用于设置flex-grow、flex-shrink、flex-basis。一般来说，让元素等高需要额外的设置，flex容器有一个默认的属性值：align-items:stretch，这对你有帮助，当然也会给你带来不好的体验。2.三栏布局圣杯布局和双飞翼布局都是三栏布局。简单介绍一下：圣杯布局的关键是为父元素设置padding，然后子元素通过负边距和定位；双飞翼布局的关键是中间的Child元素的column比较多，设置了margin，那么sidebar就使用了margin负值。通过flex实现就简单多了：源码">nav