## display * display：none控制元素的隐藏与显示，此时隐藏的元素是不占用页面空间的 * visibility:hidden也可以隐藏元素，但是此时隐藏的元素占用着页面空间 * display:block将行内元素变成块级元素 * display:inline将块级元素变为行内元素，宽高无法修饰，除非存在内容占据空间，撑起这个元素。 * display:inline-block将元素修饰为行内块元素 ## 浮动与清除浮动 * float 可以使浮动的元素脱离文档流 * float 可以使浮动的元素内联排列 * float 会使父元素坍塌 * clear 可以清除浮动 * 了解其他清除浮动的方法 ## position * 值为static，代表没有对元素进行定位 * 值为fixed，固定定位，脱离文档流 * 值为relative，相对定位，没有脱离文档流，相对应自己原来的位置进行定位 * 值为absolute，绝对定位，脱离文档流，父元素无定位，相对于body定位，父元素有定位，相对于父元素定位。如，没有父元素，相对于body定位 * z-index:无法使定位的父元素重叠与子元素上，无法作用于static定位的元素上