Estouro de CSS: oculto com flutuadores
Eu li oseguinte código em w3schools e não entendo como ooverflow
propriedade teria impacto se o texto aparece à direita doul
ou não.
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>
Eu sei dissooverflow:hidden
é usado para lidar com conteúdo fora da caixa, mas não entende como isso se aplica nessa instância.