How to use relative/absolute in css?

I want to understand how to use combination of relative and absolute. I heard that you need a parent give position: relative; and nested absolute.

I have a question, what if I want to create a template:
https://jsfiddle.net/z9mw3sn2/

There are three block - #page .navbar .nav-items, each last of which is nested within the previous block. How can I be, the first two give relative? Or two last give absolute, because one person said that absolute block nested within another block, absolute - a perversion, I saw an example online where used this practice. I tried to give the first two units of the relative, but they just don't work, I was prescribed width and height in percent and prescribed color backgronud, but they are not displayed. What to do if I have many nested blocks? What to do if their 3-4-5-...? So many probably try to avoid, but how and still how to be if I have to use them?
April 19th 20 at 12:12
0 answer

Find more questions by tags CSS