Jeden div umieszczony na drugim

Question

Witam, jak zrobić aby nawigacja nachodziła na Banner: https://codepen.io/alpphatra/pen/zwGOoZ ?

Comments

W kodzie widzialem jeszcze ze chcesz zrobisz stopke no to pod navigacja musisz zrobic kolejnego diva  i zostawic okolo 50px wysokosci na stopke

---

Jak kolejnego diva i zostawić wysokości na stopkę? Specjalistą od frontendu na pewno nie jestem, ale po co tworzyć puste divy, skoro można użyć margin?

Answer 1

możesz wykorzystać pozycjonowanie elementów w CSS:
https://developer.mozilla.org/pl/docs/Web/CSS/position

Podpowiem, że potrzebujesz postion: absolute i position: relative do osiągnięcia takiego efektu + top: 0 ;)

Comments

Dziękuję, otrzymałem taki efekt jaki pożądałem 

http://codepen.io/alpphatra/pen/zwGOoZ

---

ależ nie ma za co a nie chciałeś przypadkiem, żeby ta nawigacja była "doczepiona" do góry strony?

---

Jeśli chodzi o efekt sticky, to jest już...

---

aa no to okeej 

Answer 2

utwarzasz   div o nazwie Banner  i dajesz mu width  jakis tam okreslony i w tym divie robisz diva o nazwie nav

 

<div id="Banner">

       <div id="nav">

       </div>

</div>

 

a w css  ustalasz tylko tam ich wielkosci i tym podobne

Comments

zapomniałem dodać, że nawigacja jest sticky...

Answer 3

poczytaj o :before oraz :after