常用的六种布局方式：Flex、Gid、column-count、float、position、表格布局

HTML系列：

• 人人都懂的HTML基础知识-HTML教程(1)
• HTML元素大全(1)
• HTML元素大全(2)-表单

CSS系列：

• CSS基础知识筑基
• 常用CSS样式属性
• CSS选择器大全48式
• CSS布局秘籍(1)-任督二脉BFC/IFC
• CSS布局秘籍(2)-6脉神剑

00、布局的6脉神剑

Flex 一维横向/纵向排列，灵活 不明显 IE11 display: flex; Gid 二维网格，非常灵活、强大 不明显 IE10 display:grid column-count 列式布局，适应性强 注意内容跨列折断 IE10 column-count: 2; float 文字环绕效果，勉强算优点吧 脱离文档流，重叠、坍塌，坑多

• TAG：
• 神剑
• 秘籍
• 布局

	特性/优点	缺点	兼容性	使用方式