<ul class="wp-block-list"><li><code>static</code>: the default </li><li><code>relative</code>: allows you to nudge around with <code>top</code>/<code>right</code>/<code>bottom</code>/<code>left</code>, making <code>z-index</code> work, gives you a positioning context</li><li><code>absolute</code>: <code>top</code>/<code>right</code>/<code>bottom</code>/<code>left</code> moves the element </li></ul>…

static: the default relative: allows you to nudge around with top/right/bottom/left, making z-index work, gives you a positioning contextabsolute: top/right/bottom/left moves the element …

<ul><li>static: the default </li><li>relative: allows you to nudge around with top/right/bottom/left, making z-index work, gives you a positioning context</li><li>absolute: top/right/bottom/left moves the element </li></ul>…

#198: About the Position Property

CSS-Tricks Screencasts is focused on showing you tips, tricks, techniques about web design. Code samples can be extremely helpful, but sometimes it is even more helpful to watch someone as they code. In CSS-Tricks Screencasts will show you real live CSS and HTML code being written and tested right on the screen. Topics will vary but will always center around design and usability.

Share #198: About the Position Property

Sign up to save your podcasts

#198: About the Position Property

#198: About the Position Property