BFC implémente la disposition des objets multimédias

Dans la disposition de l'objet média, afin de faire apparaître le texte et l'image côte à côte au lieu de les entourer, BFC est introduit dans l'élément texte. Le concept de BFC est le suivant :

Contexte de formatage de bloc - Guide du développeur Web | MDN Le contexte de formatage de bloc (BFC) fait partie du rendu visuel CSS d'une page Web. C'est la zone où se produit le processus de mise en page de la boîte de bloc et où les éléments flottants interagissent avec d'autres éléments. Zone. https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_contextExemple de référence :

Comprendre immédiatement le BFC du CSS - Préface de Zhihu Le BFC est un concept important mais difficile à comprendre dans l'apprentissage du CSS. Le BFC implique également de nombreux autres problèmes, tels que le flottement, le positionnement, le modèle de boîte, etc., il est donc nécessaire de comprendre BFC de. Cet article résume BFC et espère vous être utile. Qu’est-ce que BFC ? Jetons d'abord un coup d'œil à la définition de MDN : Formatage de bloc... https://zhuanlan.zhihu.com/p/127187654 Pour créer un BFC dans un objet multimédia, vous définissez généralement la valeur de débordement pour l'élément - caché ou auto.

.media-image{
float:left;
margin-right:1.5em}
.media-body{
overflew:auto;
margin-top:0;
}

La définition de margin-top sur 0 efface la marge supérieure définie par le sélecteur global de hibou.