1.display: inline 将块级元素转换成行内元素 block 将行内元素转换成块级元素 inline-block 将元素转换成行内块级元素
2.浮动 脱离文档流 不会遮挡行内元素，会遮挡块级元素 不能上下浮动，只能左右浮动 不能使用 margin: 0 auto;
清除浮动：父子级 给父级加overflow:hidden; 使用::after伪元素 content: ""; display: block; clear: both; 兄弟级 添加空元素并给空元素设置clear:both 停止浮动： 遇到其他浮动元素的时候 遇到父级的边框时候3.定位 static：静态布局，默认的 absolute： 绝对定位。left，right，top，bottom 根据浏览器的左上角进行定位 脱离文档流 不保留定位前的空间 若父级元素有定位属性，则根据父级元素的左上角
relative：相对定位 相对元素本身位置进行定位(若相对本身向上或者向左的话要设置负值) 不脱离文档流 保留定位空间 fixed： 固定定位 和绝对定位基本一致，也会脱离文档流 不会根据滚动条的滚动而滚动