基础学习第四天(弹性布局flex)

关于弹性布局flex的注意事项

1. 设置了弹性布局后display:flex;其子元素的浮动float、clear、和vertical-align会失效。
2. 在没有设宽高的盒子加弹性布局后，会影响默认盒子的宽高度。
3. 使用justify-content: space-between;时一定要给它设宽度，不然会没有效果，交叉轴aligin-item: center;一样需要设高度。
4. 居中也可以直接给弹性子盒子margin: auto;那么子元素块就会水平垂直居中啦！

	.fa {
            width: 500px;
            height: 500px;
            background-color: #f0f;
            margin: 100px auto;
            display: flex;
        }
        .son {
            width: 200px;
            height: 200px;
            background-color: #0f0;
            margin: auto;
        }

效果图：