position的参考基准

标签：页面   距离   col   position   位置   设置   常用   body   通过   

static（静态）：position默认的样式；占据标准流的位置, 它会忽略top、bottom、left 、 right 的设置

relative（相对）: 占据标准流的位置；可将其移至相对于其正常标准流的位置

absolute（绝对）: 参考基准是距离它最近的设置了position: relative;的父级元素；可通过 “left”、”top”、”right”、 “bottom” 的属性值来规定它所处的位置；父元素的内容区（即content（width+height）+padding区域，不包括border和margin）；

　　　　　　　　子元素定位的边界是子元素的整体 = margin + border + padding + content ;以margin的外边界为基准进行定位；父元素没有设置position: relative则以body为基准进行定位

fixed（固定） :参考基准是浏览器窗口，无论窗口滚动与否，元素都会固定在当前页面的设置位置（常用举例：弹窗的设置）；

position的参考基准

标签：页面   距离   col   position   位置   设置   常用   body   通过   

原文地址：https://www.cnblogs.com/prospective-zkq/p/10246314.html