SubMenu徘徊在左边？

我想创建一个简单的子菜单，当你将鼠标悬停在主菜单上时，它会出现。SubMenu徘徊在左边？

任何人都可以看到我要去哪里错了吗？

例如，我创建了这个fiddle。

来源

2012-08-01 Beginner

大多数在CSS中使用的类都不存在于html中！ – Armin 2012-08-01 08:45:09

使用'float' **或**'position'，不要同时使用两者。每个不是“静态”的“位置”值都会将您的元素从流中移除，因此通过呈现“浮点”无用。 – Zeta 2012-08-01 08:46:26

subsubmenu是绝对的子菜单是浮动的，我玩过浮动和位置这就是为什么他们都在那里 – Beginner 2012-08-01 08:48:49

试试这个：http://jsfiddle.net/KSeph/11/ 它没有布置，但它的工作原理。

这个CSS基本上提供了一个非常简单的方法来实现的下拉菜单：

.subMenu { 
    float: right; 
} 
.subMenu ul li { 
    float: left; 
} 

.subMenu ul ul { 
    display: none; 
    position: absolute; 
} 

.subMenu ul li:hover ul { 
    display: block; 
} 

.subMenu ul ul li { 
    float: none; 
}

来源

2012-08-01 08:48:15 Armin

几乎被布置的版本：http://jsfiddle.net/KSeph/14/。请将您的想法和解决方案纳入您的问题，不要只提供一个链接到外部资源。 – Zeta 2012-08-01 08:53:22

是的你是对的。我把CSS放在我的答案中。 – Armin 2012-08-01 08:56:12

而顺便说一句。我真的建议不要使用原始的CSS ......它被写入迂回的IMO。 – Armin 2012-08-01 08:57:00

上.subsubmenu添加left: 0; top: 0;和.subMenu ul li删除float: right !important; 添加position: relative;

来源

2012-08-01 08:50:38 Nuple

嘿，现在在你的CSS添加两个风格类似这样的

.subMenu li{ 
     position:relative;} 

.subsubmenu { 
position:absolute; 
top:22px; 
left:0; 
}

Live demo

来源

2012-08-01 08:53:05

SubMenu徘徊在左边？

回答

相关问题