HTML/CSS学习笔记------position篇

position: static

    默认值，标签会占据网页的一定的空间，且不会受到top，bottom，left，right等元素的影响。

position: fixed

    标签不会占用所在网页的空间，且该标签不会随着网页滚动条的滚动而改变位置。即该标签悬浮于网页上方，不会受到网页的影响。

position: relative

    标签会占据网页一定的空间。标签的top，bottom，left，right等值可以定义为负值，此情况下标签会超出网页移动，超出网页的内容将被遮盖。

position: absolute

    标签不会占据网页的空间。此定位方式是根据父标签（包围此标签的上一级标签）或html（没有父标签的情况）定位的，标签会与网页内容重合(必须设定top、bottom、 left、right其中一个元素，否则还是会遵循文本流)。

position: sticky

    标签会占据网页一定的空间。 当滚动网页下移时，与position：fixed一样。top，bottom，left，right可以定义为负值，滚动后可如position：relative一样显示。如top=-10px时，网页下滑，该标签将会有10px的内容被上边框覆盖。