为什么bootstrap中的media-body类的宽度为10,000px,媒体类有溢出隐藏和缩放1？

Question

我对bootstrap中的媒体类有一些疑问.

1. 为什么.media-bodybootstrap 中的类的宽度为10,000px？为什么他们用display: table-cell不display: block？
2. 为什么overflow: hidden和zoom: 1上使用的.media类？
3. 为什么div .media-body实际上不占用10,000px的宽度？
4. 如果overflow: hidden和zoom: 1没有在.media课堂上使用会发生什么？

至于我的努力,我删除overflow, zoom和10,000px宽度,并没有观察到任何差异.

Answer 1

我在“响应式Bootstrap ”集合中找到了一些评论：

/*
 * 1. Create new block formatting context in modern browsers
 * 2. Avoid shrink-wrap behaviour of table-cell
 * 3. Override for IE6/7
 * 4. Create new block formatting context in IE6/7
 * Alternatively, use 'overflow:hidden' if clipping is OK
*/
display: table-cell; /* 1 */
width: 10000px; /* 2 */
@include old-ie() {
    *width: auto; /* 3 */
    *zoom: 1; /* 4 */
}

UPD

*zoom是针对 IE6 和 IE7 的破解。所有浏览器都会忽略以星号开头的属性。只有 IE7 及以下版本才会考虑它们。