<div class="embed-container"><iframe id="ytVideo" class="yt-seekable-video" src="//www.youtube.com/embed/bOEmA3B1OBE?t=2s" width="560" height="314" frameborder="0" allowfullscreen="allowfullscreen" data-mce-fragment="1"></iframe></div>

<p><strong>Przy pomocy position w CSS możemy manipulować położeniem danego elementu niezależnie od jego markupu</strong>. W video przybliżamy jak naprawdę działa ta właściwość. Chcesz wiedzieć czym różni się pozycjonowanie absolutne od relatywnego? Czym jest position fixed, a czym position sticky? W tym krótkim materiale poznasz najczęstsze przypadki ich zastosowania - a po ich opanowaniu staniesz się lepszym front-end developerem. Miłego oglądania! <br><br><a class="yt-simple-endpoint style-scope yt-formatted-string" href="https://www.youtube.com/watch?t=40s&amp;v=bOEmA3B1OBE" target="_blank" rel="nofollow noopener">0:40</a> - position: relative <br><a class="yt-simple-endpoint style-scope yt-formatted-string" href="https://www.youtube.com/watch?t=131s&amp;v=bOEmA3B1OBE" target="_blank" rel="nofollow noopener">2:11</a> - position: absolute <br><a class="yt-simple-endpoint style-scope yt-formatted-string" href="https://www.youtube.com/watch?t=418s&amp;v=bOEmA3B1OBE" target="_blank" rel="nofollow noopener">6:58</a> - position: fixed <br><a class="yt-simple-endpoint style-scope yt-formatted-string" href="https://www.youtube.com/watch?t=508s&amp;v=bOEmA3B1OBE" target="_blank" rel="nofollow noopener">8:28</a> - position: sticky</p>
<p>Koduje na YouTube: <a href="https://www.youtube.com/channel/UCLLdzVN9P9lV8kmJhHsiuHA?cbrd=1&amp;ucbcb=1" target="_blank" rel="nofollow noopener">https://bit.ly/2KHbJzQ</a><br><br>Koduje na Facebooku: <a href="https://web.facebook.com/kodujemy/" target="_blank" rel="nofollow noopener">https://www.facebook.com/kodujemy/</a></p>

CSS: wyjaśniamy właściwość position

Opanuj właściwość position w CSS i stań się lepszym frontendowcem.