BFC implementiert das Medienobjektlayout

Im Medienobjektlayout wird BFC in das Textelement eingeführt, damit Text und Bild nebeneinander angezeigt werden, anstatt sie zu umgeben. Das Konzept von BFC ist wie folgt:

Blockformatierungskontext – Webentwicklerhandbuch | MDN Blockformatierungskontext (BFC) ist Teil des visuellen CSS-Renderings einer Webseite. Es ist der Bereich, in dem der Layoutprozess der Blockbox stattfindet und in dem schwebende Elemente mit anderen Elementen interagieren. Bereich. https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_contextBeispielreferenz :

Verstehen Sie den BFC von CSS sofort – Zhihu Vorwort BFC ist ein wichtiges, aber schwer zu verstehendes Konzept beim Erlernen von CSS. BFC beinhaltet auch viele andere Themen wie Floating, Positionierung, Box-Modell usw., daher ist es notwendig, es zu verstehen BFC von. Dieser Artikel fasst BFC zusammen und hofft, für Sie hilfreich zu sein. Was ist BFC? Werfen wir zunächst einen Blick auf die Definition von MDN: Blockformatierung ... https://zhuanlan.zhihu.com/p/127187654 Um einen BFC in einem Medienobjekt zu erstellen, legen Sie normalerweise den Überlaufwert für das Element fest – versteckt oder Auto.

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

Wenn Sie margin-top auf 0 setzen, wird der vom globalen Owl-Selektor festgelegte obere Rand gelöscht.