How to mark up overlapping the menu?

Or at least a link to an example implementation.
e76daa728e6c4c438ad82729832337a6.png
September 19th 19 at 13:27
2 answers
September 19th 19 at 13:29
Solution
use the CSS properties position:relative; margin-left:-x xpx; (negative value) each. And the parent indent on the left, using the internal padding-left:x xpx;

And for regulation of levels (who covers), use the CSS property z-index;
And how about the fact that if they were at 50% width?
jsfiddle.net/turemhjp - Gretchen_Bechtelar57 commented on September 19th 19 at 13:32
: It is difficult, faced with such a task. So the answer of course not can. They basically become a width of 50% of the parent, but the expense offset leave. Hence, it is necessary to calculate the offset and add it to the width... - alici commented on September 19th 19 at 13:35
September 19th 19 at 13:31
In General well written. But these tabs have been in fashion more than 10 years ago.

Find more questions by tags HTMLCSS