是否溢出：隱藏是否使塊級別元素？

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 
}