本文深入探讨CSS中position属性的使用，包括static、relative、absolute、fixed定位方式的特性与区别，以及如何灵活运用这些定位技巧提升网页布局效率。
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，元素会隐藏，但是仍占据页面空间。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
