Quelqu'un peut-il expliquer quand les éléments flottants doivent être effacés ?
J'ai remarqué que parfois, lorsque je fais quelque chose en HTML, et que je ne les efface pas, tout est quand même beau !
Peut aussi overflow:hidden
peut être utilisé en remplacement du défrichage ?
Regardez cet exemple :
<html>
<head>
<style>
.a { background-color: red; overflow: hidden }
.floated-left { float: left; width: 100px; height: 100px; background-color: blue; }
</style>
</head>
<body>
<p>div with class a, that does have overflow:hidden:</p>
<div class="a">
<div class="floated-left">Hi,</div>
<div class="floated-left">Mom!</div>
</div>
<p>i didn't clear anything</p>
</body>
</html>
Ici je n'ai pas effacé les divs flottants, mais j'ai mis overflow:hidden
pour le .a
et la classe <p>
ci-dessous sont apparus dans le flux normal des éléments.
Cependant, si j'ai retiré overflow:hidden
de la .a
classe, <p>
est déplacé.
Veuillez expliquer !
Merci, Boda Cydo.