Clearing floats (méthode de compensation des flotteurs) créés par un échange Foreigner_Experience

Ce que j'utilise couramment, ce sont les méthodes clear:both;, telles que

>

J'ai vu une autre méthode comme celle-ci sur PlanABC, donc je en a pris note.

div.container {
border: 1px solid #000000;

}

div.left {
width: 45%
float: left; 🎜>}

div.right {
width: 45%;
float: right
}


Relation imbriquée : le conteneur div contient left et right

La manière la plus simple et la plus raisonnable d'effacer les flottants (partie rouge en gras) :

div.container {
border: 1px solid #000000
overflow: Hidden; 🎜> largeur : 100% ;
}

Compatibilité : IE6 IE7 FF MacIE, etc.

Adresse source : http://www.quirksmode.org/css/clearing.html

PS : Cependant, il semble y avoir un petit bug dans le processus d'utilisation. Xiaomi de Taobao l'a rencontré. Le symptôme spécifique est que la couche intermédiaire d'IE6 efface les divs flottants, ce qui rend certains liens non cliquables.