Html CSS下拉菜单：第二级定位？
因此，我正在开发一个CSS下拉菜单，其中div容器由一个单选按钮显示，我可以按照自己的意愿工作 <>但是，我想给我的下拉添加一个第二级，就像它一样（同样的宽度，在父下的位置，等等）。当你点击输入时，它会显示第二个级别，但是，如果输入在中间（在两个链接之间），我的第一级链接会在我的第一级子菜单下移动。请帮忙？我不知道如何保持它的外观相同，只是如果输入有另一个子菜单，我想让它下降到第一个下面 我的代码： 菜单的CSS*/ .菜单{ 位置：固定； 排名：0； 左：0； 高度：20px； 宽度：100%； z指数：10000； 显示：内联块； 背景图像：黑色url（../images/glossyback.gif）； 背景色：#0066CC； 文本对齐：居中； 字体系列：Arial，日内瓦，无衬线； } /*用于主菜单标签的CSS*/ 输入+标签{ 颜色：#FFFFFF； 显示：内联块； 填充：6px 8px 10px 24px； 背景图像：黑色url（../images/glossyback2.gif）； 高度：8px； 保证金：0； 线高：12px； 位置：相对位置； } 输入：悬停+标签：悬停{ 背景#3385D6； } 输入+标签+div{ 保证金：0； 边缘顶部：2倍； 填充：16px； 边框：1px实心； 宽度：100%； 高度：自动； 位置：绝对位置； 顶部：20px； 显示：无； } 输入：选中+标签+div{ 显示：块； } /*菜单类中主菜单标签的CSS*/ .菜单输入{ 显示：无； 不透明度：.3； 右边距：-.7em； 左边距：0em； 溢出：可见； } .菜单a{ 文字装饰：无； 颜色：#FFFFFF； } .菜单标签范围{ z指数：1000； 字体大小：12px； 线高：9px； 填充：6px1em 12px1em； 显示：块； 页边顶部：-1px； 背景图像：url（../images/glossyback.gif）重复-x左下角； } .菜单标签范围a：悬停{ 背景图像：黑色url（../images/glossyback2.gif）； } .菜单输入：选中+标签{ 背景色：#AFCEEE； 边框颜色：#6696CB； z指数：1000； } 分区菜单输入+标签{ z指数：1000； 填充：0； 边框颜色：#ccc； 边框宽度：0 1px； 高度：19px； 边缘：0-0.23em； } /*子菜单容器的CSS*/ .菜单输入+标签+div{ 位置：绝对位置； 边框：1px实心#808080； 右：0； 背景：#F0F6FC； 文本对齐：居中； 宽度：100%； 保证金：0自动； } .菜单输入+标签+div>div{ z指数：1000； 位置：绝对位置； 排名：0； 左：0； 右：0； 底部：0； 边框：1px实心#阿巴巴； 填充：16px； 垫面：5px； } /*子菜单项的CSS*/ .子菜单{ 字体大小：14px； 显示：内联块； } .子菜单a{ 文字装饰：无； 颜色：#EEEEEE； } .子菜单ul{ 列表样式类型：无； } .子菜单li{ 宽度：175px； 颜色：#f0； 背景色：#9CB9D7； 显示：内联块； } .子菜单li：悬停{ 颜色：#FFFFFF； 文字装饰：无； 背景色：#3385D6； } /*二级子菜单CSS*/ .子菜单输入[类型=收音机]{ 显示：无； } .子菜单输入[类型=收音机]：选中~.取消选中{ 显示：无； } .子菜单输入[类型=收音机]：选中~#第二级{ 显示：块； } #二级{ 显示：无； } /*项目的样式，等等*/ .子菜单输入[类型=文本]{ 宽度：225px； 填充：12px 14px； } .子菜单div{ 边框：1px实心#808080； 右：0； 背景：#F0F6FC； 文本对齐：居中； 宽度：100%； 保证金：0自动； } .子菜单div{ 最高：90%； z指数：1000； 位置：绝对位置； 边框：1px实心#阿巴巴； 填充：16px； 垫面：5px； } .子菜单.第二级项目{ 宽度：175px； 颜色：#f0； 背景色：#9CB9D7； 显示：内联块； }Html CSS下拉菜单：第二级定位？,html,css,drop-down-menu,Html,Css,Drop Down Menu,因此，我正在开发一个CSS下拉菜单，其中div容器由一个单选按钮显示，我可以按照自己的意愿工作 但是，我想给我的下拉添加一个第二级，就像它一样（同样的宽度，在父下的位置，等等）。当你点击输入时，它会显示第二个级别，但是，如果输入在中间（在两个链接之间），我的第一级链接会在我的第一级子菜单下移动。请帮忙？我不知道如何保持它的外观相同，只是如果输入有另一个子菜单，我想让它下降到第一个下面 我的代码： 菜单的CSS*/ .菜单{ 位置：固定； 排名：0； 左：0； 高度：20px； 宽度：100%；
风格
- 子菜单中的选项卡
- 子菜单中的选项卡
liulliul