the weird behaviour of multi level horizontal navigation menu when We remove "position:relative"?
The below one is My code for multi-level horizontal navigation menu and it is working fine
https://codepen.io/siva-charan/pen/zYmzwOM
My doubts are :
For the below code :
https://codepen.io/siva-charan/pen/vYVZmyG
(1) When I am removing “position:relative” on main menu,it is behaving like in the below output image.Why is it behaving like this(first image)?
(2) When I am mouse-hovering on the first level drop-down menu(i.e. on two.three) and without “position:relative” on outer menu,the output is behaving like as shown in the below image.Why is it behaving like this(second image)?
In this some of the list items are displaying horizontally(two.three.one and two.three.two) and (two.three.three and two.three.four) and some list items are displaying vertically.Why is the outpout behaving like this?
https://codepen.io/siva-charan/pen/zYmzwOM
My doubts are :
For the below code :
https://codepen.io/siva-charan/pen/vYVZmyG
(1) When I am removing “position:relative” on main menu,it is behaving like in the below output image.Why is it behaving like this(first image)?
(2) When I am mouse-hovering on the first level drop-down menu(i.e. on two.three) and without “position:relative” on outer menu,the output is behaving like as shown in the below image.Why is it behaving like this(second image)?
In this some of the list items are displaying horizontally(two.three.one and two.three.two) and (two.three.three and two.three.four) and some list items are displaying vertically.Why is the outpout behaving like this?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Was this page helpful?
