All geek questions in one place

CSS: create a dropdown submenu below the parent <ul> <li>

I am trying to create a CSS drop down menu. The problem is that all the child nodes in the ul li tree are displayed on the same line, not below the parent. How to make subcategories displayed below the parent?

+3
source share
3 answers

Add display:block; float: left;position: relative;to lito set the containing block, and then position:absolute; top:100%; left:0;to the submenu ulto place it relative to its containing block.

+3
source

You can use css to substitute submenus.

ul li {
    position: relative;
}

ul li ul.sub {
    position: absolute;
    left: 0;
    top: 100%;
}
+1
source

, , . , , , 0 100%. .

+1

Source: https://habr.com/ru/post/1778066/

More articles:


All Articles