CSS麻烦，为什么它自己移动？

Question

我被困在CSS部分，正在帮助朋友在她的网页上实现一件事。它是一个下拉菜单，我按照我想要的方式工作。我的问题是它将自己移动到行的开头？

http://gazet.se/TestPages/Test.aspx

我如何让它居中？

（我已删除已解决的代码以减小大小）

Answer 1

该菜单有一个名为#jsddm

的ID

#jsddm {
float:left;
margin:0;
padding:0;
}

向左移除浮动 - 这是第一步。第二件事你应该将菜单全部放在一个列表中，以子级别作为嵌套列表并摆脱img分隔符 - 它们可以通过css添加为背景图像。我建议你为菜单创建一个新结构。这是一篇很好的解释它的文章http://www.alistapart.com/articles/dropdowns/

基本上，您只需向<li>添加其他#jsdm元素，然后移动其中的所有菜单链接。

Answer 2

菜单是浮动块元素，而它周围的元素是内联元素，基本上不能混合。您需要让#header_menu中的所有元素也浮动，或者让菜单也是内联的。 （但我不确定，后者会奏效）。