五种前端基本布局---table布局、float布局、absolute布局、flexbox布局、grid布局
float布局
语法:
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
实例:
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
总结:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201119161641538.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5ODc3Njgx,size_16,color_FFFFFF,t_70#pic_center)
兼容性:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201119143446461.png#pic_center)
要注意的是,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。