使用<ul><li>....</li></ul>
创建我的水平菜单时,我遇到了一些我不太明白的行为。
创建一个水平菜单 - inline vs inline-block,还是浮动?
- ul li {display:inline;}为什么这仍然导致菜单是垂直的?如果我添加float:left然后它变成水平的,但是不应该仅仅将显示设置为内联?
- 另一方面,只需要做:ul li {display:inline-block;}不需要使用float就可以得到一个水平菜单。这是为什么?另外,当创建水平菜单哪种方法更好?还是有第三种方法比这两种更好?
很难给你不相关的CSS – 2012-04-04 20:18:38
内联元素不能接受填充和利润的答案,所以造型会显示限制:内联。 – 2012-04-04 20:18:40
@David我在这里的目的是要问更多的一般做法(不需要更多的CSS)。基本上来说:为什么float:当使用display时,需要使它左右水平显示:inline,然后使用display:inline-block不需要float:left来水平显示? – 2012-04-04 20:37:25