是否溢出：隐藏是否使块级别元素？

Question

enter image description here您好，我正在尝试制作水平导航栏。 enter image description here 对于我已经把溢出：隐藏。 对于李我已经把浮动：左。 而且我在水平导航栏下有一些段落。

当我删除“overflow：hidden”时，段落将会在我的水平导航栏旁边移动。 我不明白为什么。 有人可以请给我解释一下吗？

Answer 1

overflow: hidden;用于清除li标签上的浮标。没有它的时候，这个段落在列表旁边，因为李的左边是浮动的。

Answer 2

没有。 从不使用overflow:hidden上一个navigation
overflow:hidden可以隐藏你需要可见的元素。所以不要使用它，除非你真的需要。

但在这种情况下，你不

在这里看到：jsfiddle

使用clear:left在一段 代码：

li { 
    float:left; 
    padding:10px 
} 
ul { 
float:left; 
list-style:none; 
background:grey; 
width:auto; 
} 
p { 
clear:left; 
float:left; 
width:100px 
} 

或ul（导航列表上使用float:left;width:100% ）

看到这里jsfiddle

代码：

li { 
    float:left; 
    padding:10px 
} 
ul { 
float:left; 
list-style:none; 
background:grey; 
width:100%; 
} 
p { 

float:left; 
width:100px 
}