HTML的两个无序列表为什么不能放在同一行

Question

还有那个二级导航还是横着显示，只要一点7，就会把后面的往后推，我看了好久都不知道啥问题，求大佬帮我一起解决一下，感激不尽  

Answer 1

指证你一个问题，#ul2 li{}里面你即有宽(还写错了)高,又有display:inline；是错误的没有这么玩的。

还有一个问题，a还有a:hover里面都有一个background-color:white是什么意思，实在不懂啊

Answer 2

我看到代码，不知道你更改后的效果到底是什么，给你普及一个知识。后代选择器和子代选择器：

后代选择器：ul li(中间有空格，表示的意思是选择ul这个元素下所有的li）

子代选择器：ul > li(中间加个大于号，表示的意思是选择ul儿子下面的li)

没有看到代码，按照你的说法应该是这样之类的问题

Answer 3

二级导航横着显示是因为你写了display:inline。
无序列表没有在同一行显示是因为你没有写display:inline

我把去掉他也还是横着显示，我加了也还不是同一行，不管怎么改两个肯定有高度差的

去掉还是横着因为你还用了float:left,
高度差？因为你没有用*{margin:0,padding}