文档流
文档流,指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最终窗体自上而下分成一行行,并在每行中按从左到右的顺序排放元素。
默认定位
默认值。即没有定位,元素在正常的流中,top,right,bottom,left 和 z‐index 属性无效
相对定位
position:relative
生成相对定位的元素,通过 top,bottom,left,right 的位置相对于其正常位置进行定位。其中的相对指的是相对于元素在默认流中的位置。
绝对定位(absolute)
生成绝对定位的元素,不再以自己原来的位置定位,而是以网页的左上角(body)为原定定位。
固定定位(fixed)
本质上是一种绝对定位,不为元素预留空间。通过指定相对于屏幕视窗的位置来指定元素的空间,且元素的位置在屏幕滚动时不会发生变化。应用于很多网站顶端的固定导航、右下角的固定广告等等。