Есть ли переполнение: скрытый элемент блокирует уровень?

Question

enter image description here Привет, я пытаюсь сделать горизонтальную навигационную панель. enter image description here Для ul я поставил переполнение: скрыто. Для li я положил float: left. И у меня есть несколько абзацев под горизонтальной навигационной панелью.

Когда я удаляю «переполнение: скрытый», абзац перемещается прямо рядом с моей горизонтальной навигационной панелью. Я не понимаю, почему. Может кто-нибудь, пожалуйста, объясните мне это, пожалуйста?

Answer 1

overflow: hidden; Используется для очистки поплавков на тегах li. Без него абзац оканчивается рядом со списком, поскольку лики плавают слева.

Answer 2

no. neveroverflow: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 
} 

ИЛИ использовать float:left;width:100% на (список навигации ul)

посмотреть здесь jsfiddle

код:

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

float:left; 
width:100px 
}