萌新请教，HTML的两个无序列表为什么不能放在同一行

Question

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

Answer 1

第一问题：你如果想让两个无序列表放在同一行，你应该给两个ul加display:inline-block;或者inline都行；

第二个问题：你二级导航加了display:inline 转为行内元素了当然横着显示。

第三个问题：只要点击7，就会把后面的往后推，实在没有看懂什么意思。

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

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

追问

刚开始学习，还有很多不懂就随便加进去看看结果会怎样。。我只是想把#ull2 li外面的无序列表行显示而已，我去掉全部display：inline，运行的时候，它的二级导航就是7那里还是横着显示，而且，就是不管怎么改两个无序列表都不能在同一行我就很烦，（也按照你的方法改了）

追答

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

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

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

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

Answer 2

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

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

追答

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