如何让右边的ul元素和左边的div元素出在同一行

div已经设置了float : left，ul已经设置了float : right,没有办法将两个标签放在同一行。

弹性布局更香 那这个明显不在一行肯定是 块元素问题
都是块元素 自然各自一行了

给 父元素 设置 display:flex; 把 浮动去了

建议学习 Flex 布局语法教程 比正常float : right,排版更简单更快捷 https://www.runoob.com/w3cnote/flex-grammar.html

1. 父元素清除浮动，overflow: hidden
2. div 和 ul 是块级元素，独占一行，需要变为行内元素，所以为这两个元素添加属性，display: inline-block