CODEWITHSUNDEEP
htmlcssdrop-down-menu
websanya
websanya

Reputation: 171

Can't make even a simple drop-down-menu

I'm trying to make a layout for drop-down-menu and all the other stuff out there. I just can't figure out the easiest and cleanest way to do it. My menu is hidden because my header overflow is is hidden. If I set it to auto all the content goes crazy. Help me please.

http://codepen.io/luzlol/pen/hbijI — I'm trying over here.

Thanks.

Upvotes: 1

Views: 124

Answers (1)

Ali Bassam
Ali Bassam

Reputation: 9969

The drop down list is still part of the header even if its positioned absolute, so whatever is going to show up outside the header but its actually inside, needs to be visible.

header {
  background: blue;
  overflow: visible;
}

DEMO

To position an absolute element, you need to use top left right bottom.

Example:

top:10px;: move it towards bottom by 10 px. left:30px; : shift it to the right by 30 px.

Upvotes: 1

Related Questions