Html 导航子菜单向下推动车身

Html 导航子菜单向下推动车身,html,css,absolute,Html,Css,Absolute,我知道将绝对位置用于子菜单标签;但是,当我这样做时,它解决了问题,但只显示子菜单的最后一个条目。其他的似乎都被吞没了。请帮忙!我的代码如下所示: * { 保证金:0; 填充:0; } 身体{ 背景色:575768; } 顶栏{ 背景色:C9A26B; 宽度:100%; 高度:70像素; 颜色:白色; 字体系列:arial、helvetica、无衬线字体; } .固定宽度{ 宽度:1500px; 保证金:0自动; } logodiv{ 垫面:5px; 浮动:左; 右边框:FFFFFF 1px实体

我知道将绝对位置用于子菜单标签;但是,当我这样做时,它解决了问题,但只显示子菜单的最后一个条目。其他的似乎都被吞没了。请帮忙!我的代码如下所示:

* { 保证金:0; 填充:0; } 身体{ 背景色:575768; } 顶栏{ 背景色:C9A26B; 宽度:100%; 高度:70像素; 颜色:白色; 字体系列:arial、helvetica、无衬线字体; } .固定宽度{ 宽度:1500px; 保证金:0自动; } logodiv{ 垫面:5px; 浮动:左; 右边框:FFFFFF 1px实体; 右侧填充:30px; } signindiv{ 字体大小:粗体; 浮动:左; 字号:1em; 宽度:90px; 右边框:FFFFFF 1px实体; 填充:25px 0 27px 20px; } 托普梅努迪夫{ 填充顶部:20px; } /*导航菜单规则*/ 主菜单, .子菜单{ 列表样式类型:无; } 主菜单李{ 宽度:185px; 文本对齐:居中; 位置:相对位置; 浮动:左; 保证金权利:4px; } 主菜单ul li{}主菜单a{ 文字装饰:无; 显示:块; 宽度:185px; 高度:40px; 背景色:5E5D5B; 边框:1px实心CCC; 边界半径:5px; 颜色:EE9A24; } 主菜单。子菜单a{ 边缘顶部:2倍; } 主菜单li:悬停>a{ 背景色:CFC; } 主菜单li:悬停a:悬停{ 背景色:FFD8A4; } 主菜单.子菜单{ 显示:无; } 主菜单li:悬停子菜单{ 显示:块; } 肉{ 明确:两者皆有; 填充顶部:20px; } 页脚{ 文本对齐:居中; 保证金:0自动; } ST-LLC关于我们 登录
2004年6月6日,美国机械工程师协会理事会授权BOG在您的子菜单上尝试此功能

#mainmenu .submenu {
    display: none;
    position: absolute;
    top: 100%;
}

绝对放置ul,将.li子菜单放置为块+相对位置;太棒了,如果你能点击我答案旁边的勾号,请把它标记为正确。