greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Position property descriptions (#25504)

pull/29153/head^2
Kaitlyn 2018-12-10 22:05:47 -06:00 committed by Tom
parent 150cbab8ed
commit 154b6950ab
1 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
guide/english/css/css-position/index.md
View File

@ -16,6 +16,11 @@ Elements can be literally positioned by getting `top`, `right`, `bottom` and `le
It's important to know that an element with `position:relative` property will still preserve the space it takes at its original position when it is moved, however, an element with `position:absolute` property will not. It's important to know that an element with `position:relative` property will still preserve the space it takes at its original position when it is moved, however, an element with `position:absolute` property will not.
* Static: Is always positioned in within the natural flow of the page.
* Relative: Is moved relative from its normal position.
* Sticky: Is placed based on the scroll, and jumps from it's relative position to it's scroll position when it is scrolled past in a document.
* Fixed: Removed from the flow of the document, and is fixed to a point in the viewpoint, regardless of scrolling.
* Absolute: Removed from the flow of the document.
### More Information: ### More Information:
MDN Documentation: <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position' target='_blank' rel='nofollow'>MDN</a> MDN Documentation: <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/position' target='_blank' rel='nofollow'>MDN</a>