CSS学习手册

布局

在flex 格式化上下文中，设置了margin: auto的元素，在通过justify-content和align-self进行对齐之前，任何正处于空闲的空间都会分配到该方向的自动 margin 中去。

效果如下：

双飞翼布局实现左中右三列布局，渲染时中间列比左右两列提前渲染，左右两列定宽，中间列自适应剩余宽度。

双飞翼布局的中间容器多了一个子容器，通过控制这个子容器的margin或者padding空出左右两列的宽度。

		
			
				#content
			
			#left
			#right

效果如下：

可以使用grid布局配合clip-path来实现造型怪异的网格。

效果如下：

CSS