Blok div po prawej

Question

Witam

Mam zagwozdkę związaną z umieszczaniem 3-5 div w pionie jeszcze jednym i na dodatek z prawej strony.

W każdym z div ma być mały /orientacyjnie height-max ~ 50px  max-width~90px / obrazek + 5-6 wyrazowy tekst linku.

Wszystko to ma się zamknąć w dodatkowym div o szerokości 220px. Czy może ktoś poratować kodem - gdyby można było na cocepen

Dziękuję - już

 

Answer 1

Utwórz div container, potem 3 divy w środku z klasą np section, w której zdefiniujesz wysokość. Div z prawej strony stwórz poza containerem i nadaj mu:

• pozycje absolutną
• left:100%;
• right: 0;

Comments

W tym div 220 px powyżej tego co chcę zrobić są jeszcze w kolejności od góry: div=130px // menu=100px  // div = 50  px. i dopiero ma być ten o którym piszę. Wygląda to orientacyjnie tak jak na obrazku. Białe tło to div 220px - jest już ostylowany i zielone div też.

---

@smokolisz, lepiej flexbox niż bawienie się w pozycjonowanie.

---

@Bzytek, wstaw może szkic wszystkch bloków.

---

wstawiłem "aktualny" :)

Trzy zielone bloki są już w użyciu i ostylowane  - także  nie chcę ich ruszać - po prostu chcę dodać jeszcze te orange div (te mogą być różnej wysokości)