помощ с HTML вложен списък, който създава поднавигация

Имам проблем с моя вложен списък, който създава subnav. В момента той е позициониран абсолютно, но не мога да накарам неговия родител да бъде позициониран относително, тъй като препълването на родителския родител е скрито, така че потребителят не може да види пълната поднавигация, може ли някой да хвърли светлина върху поправката за това, моля?

Пример за Subnav

Моля, вижте връзката за jsfiddle пример за това, което имам предвид.


html jquery css css-position overflow
person Udders    schedule 01.08.2011    source източник
comment
Ако опишете как искате това да работи, ще бъде малко по-лесно да помогнете.   -  person kasdega    schedule 01.08.2011

Отговори (1)


arrow_upward
3
arrow_downward

Това трябва да свърши работа. Пример на живо: http://jsfiddle.net/7VkrG/53/

Трябва да премахнете overflow:hidden на nav и вместо това да му дадете височина, напр. 34px.

header nav {
  width:960px;
  border:1px solid red;
  height: 34px;  
}

След това ще искате да коригирате позиционирането на subnav, така че да се показва на правилното място:

header nav li ul.dropdown {top: 5px;}
person tw16    schedule 01.08.2011