前端随笔

float

把元素设置为漂浮float属性，元素不会脱离文档流，即不会遮盖住别的元素。

position

把元素设置为定位position属性，元素会脱离文档流，相当于跑到第二层，即会遮盖住别的元素。
position:absolute.设置为绝对定位，则相对最近的祖先元素具有position属性进行定位，默认相对于body。
position:relative.设置为相对定位，相对于当前元素进行定位。

inline-block

把元素设置为inline-block属性具有以下两个特点：

• 变为行内元素，不在占据屏幕的宽度。
• 可设宽高

display:none

当DOM操作规模非常大时，将容器的display设置为none,等节点操作完成后再设为可见，原理是隐藏的元素不会产生reflow(重构)。