关于float浮动问题

[c_xiaobaiww]

目标效果：
我写的代码如下：


但是写出来的运行效果是这样：


导航字体确实是白色，但是周围一圈背景色为什么是body的背景色。的确用了float，但是它们的父元素nav设置了高度50px,所以不存在塌陷问题，不明白为什么这样。不知道我的表述清不清楚，为什么这里就当nav不存在一样，继承了body的背景色。
想了好久，一直未能解惑。望指点。

[c_xiaobaiww]

设置了背景色。我也知道要清除浮动。我问的是为什么会出现这种情况：父元素nav设置了宽高，不存在塌陷问题，为什么里面的浮动元素会继承body的背景色。

[看着是个昵称]

优先级的问题，优先级高的显示出来

[qq_39891929]

给nav设置背景色就可以

[daswcszxw]

nav{overflow:hidden;}
nav ul{overflow:hidden;}

[c_xiaobaiww]

引用 2 楼 webyellow 的回复:

nav{overflow:hidden;}
nav ul{overflow:hidden;}

结果并没有改变。如果body没有设置背景色，则能达到预期效果。