position的参考基准
Posted prospective-zkq
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了position的参考基准相关的知识，希望对你有一定的参考价值。
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的参考基准的主要内容，如果未能解决你的问题，请参考以下文章