CSS-Überlauf: Mit Floats versteckt

Ich lese dasfolgenden Code auf w3schools und verstehe nicht, wie dieoverflow Diese Eigenschaft würde sich darauf auswirken, ob Text rechts von angezeigt wirdul oder nicht.

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

a {
  display: block;
  width: 60px;
  background-color: #dddddd;
  padding: 8px;
}
<ul>
  <li><a href="#home">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>
<p><b>Note:</b> overflow:hidden is added to the ul element to prevent li elements from going outside of the list.</p>

ich weiß dasoverflow:hidden wird verwendet, um Inhalte zu verarbeiten, die über den Rahmen hinausgehen, aber nicht verstehen, wie sie in dieser Instanz angewendet werden.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage