2012-04-04 56 views
0

使用<ul><li>....</li></ul>创建我的水平菜单时,我遇到了一些我不太明白的行为。
创建一个水平菜单 - inline vs inline-block,还是浮动?

  • ul li {display:inline;}为什么这仍然导致菜单是垂直的?如果我添加float:left然后它变成水平的,但是不应该仅仅将显示设置为内联?
  • 另一方面,只需要做:ul li {display:inline-block;}不需要使用float就可以得到一个水平菜单。这是为什么?另外,当创建水平菜单哪种方法更好?还是有第三种方法比这两种更好?
+0

很难给你不相关的CSS – 2012-04-04 20:18:38

+0

内联元素不能接受填充和利润的答案,所以造型会显示限制:内联。 – 2012-04-04 20:18:40

+1

@David我在这里的目的是要问更多的一般做法(不需要更多的CSS)。基本上来说:为什么float:当使用display时,需要使它左右水平显示:inline,然后使用display:inline-block不需要float:left来水平显示? – 2012-04-04 20:37:25

回答

0

我认为浮动通常是下拉菜单和inline-block的仅仅是1个线菜单