11周浮动方法排列类似棋盘效果

//浮动方法排列类似棋盘效果
.main{
				margin: 0 auto;
				width: 800px;
				height: 800px;
				display: flex;
				line-height: 400px;
				font-size: 24px;
				color: #FFFFFF;
				text-align: center;
			}
			.A,.B,.C,.D{
				float: left;
				width: 400px;
				height: 400px;
			}
			.A{
				background-color: red;
			}
			.B{
				background-color: orange;
			}
			.C{
				background-color: green;
			}
			.D{
				background-color: purple;
			}