CSS定位与显示属性

CSS不觉的核心是position属性，postion属性有4个字：static、relative、absolute、fixed，默认值问static。

static 在静态定位的情况下，每个元素在处在常规文档流中。

relative 相对与原来在文档流中的位置（或者默认位置）。

absolute 绝对定位会把元素彻底从文档流中拿出来。默认相对于body元素进行定位。相对于任何postion属性为relative的祖先元素

fixed  固定定位元素的定位上下文是视口（浏览器窗口或手持设备的屏幕），因此它不会随页面滚动而移动。

定位

大多数元素diaplay属性的默认值不是block,就是inline.
块级元素，比如段落、标题、列表等，在浏览器中上下堆叠显示。
行内元素，比如a、span和img，在浏览器中左右并排显示，只有前一行没有空间时才会显示到下一行。

将display设定为none，该元素及所有包含在其中的元素，都不会在页面中显示，他们原来占据的所有空间也都会被“回收”。将visibility属性设定为hidden，元素会隐藏，但是仍占据页面空间。