Dropdown list to appear outside div

Question

I have a main horizontal menu inside a div. I want the dropdown menu to appear right underneath the div. Now it just expands the div when the dropdown is visible. How can I make the dropdown go outside the div?

Answer 1

try with the div position:relative and the dropdown menus position:absolute

HTML

<div class="drop-down-container">

<div class="drop-down">

  //Your drop-down code


</div>

</div>

CSS

.drop-down-container
{
position:relative;
}

.drop-down
{
position:absolute;
}