请求帮助,为什么同一个div下的不同ul,一个左浮动,一个右浮动,最后不在一行内呢?

当我使用浮动时,就会出现下列这种情况,导航栏上的ul中的li不在同一行,在网上搜了好久,都没有结果。

img

img

img

使用display: flex;布局,给包ul的div增加样式,也可以用div把前两个ul包起来

    display: flex;
    justify-content: space-between;
    align-items: center;

因为ul是块级元素,所以会换行,你把三个ul的li放到一个ul就可以了,不用三个ul

你写的是ul 下的 li浮动啊,并没有让ul浮动