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

Question

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

1. 为什么引导程序中的display: table-cell类的宽度为10,000px？他们为什么使用display: block而不是overflow: hidden？
2. 为什么在zoom: 1课程中使用了.media和.media-body？
3. 为什么没有overflow: hidden的div实际上需要10,000px的宽度？
4. 如果在zoom: 1课程中未使用.media和overflow, zoom会怎样？

至于我的努力，我删除了10,000px和public class Person{ int id; String name; //fields, getter, setter, constructor omited.... @Override public boolean equals(Object o){ if (!(o instanceof Person)){ //implicit null check return false; } return this.id==((Person)o).id; } @Override public int hashCode(){ return this.id; } } 宽度并且没有发现差异。

Answer 1

我在集合中找到了一些评论＆＃34; Responsive Bootstrap＆＃34;：

/*
 * 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及以下才考虑它们。