在媒体对象布局中,为使得文字与图像并列显示而不是包围,对文本元素引入BFC。关于BFC概念如下:
一次弄懂css的BFC - 知乎前言BFC在css的学习中是重要的但不易理解的概念,BFC也牵扯了很多其他问题,如浮动、定位、盒模型等,因此弄懂BFC是很有必要的。本文对BFC进行总结,希望对你有所帮助。 BFC是什么?先看看MDN的定义: 块格式化上…https://zhuanlan.zhihu.com/p/127187654要实现媒体对象中创建BFC,通常给元素设置overflow值——hidden或auto.
.media-image{
float:left;
margin-right:1.5em}
.media-body{
overflew:auto;
margin-top:0;
}
margin-top设置为0,清除了全局猫头鹰选择器设置的顶部外边距。