2012-04-04 41 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個線菜單