流体宽度如何工作？

Question

我在twitter-bootstrap.css中注意到以下内容：

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

我有两个问题：

1. 什么是*width？

2. 它是身体宽度的31.9％还是只有.row-fluid /祖先元素的宽度？我假设其宽度为row-fluid，因为我的body 1349px ，row-fluid 1147px 和span4是 366px ，这是 1147 的31.9％。但是这也应该有效：

HTML：

<div id="right" class="span4">
    <div id="high">
    </div>
</div>

CSS：

#right #high{position:fixed; width:100%;padding-left:10px;}

如果Q＃2中的第二种情况是正确的，则#high的宽度应为100％，即与#right的宽度相同。但我的浏览器中的#right 367px 宽，＃strong 1349px 宽。

Answer 1

1. *width仅针对IE7
2. 百分比宽度相对于它们所在的容器

当你制作一个项position:absolute时，它是相对于整个文档而不是它所在的容器，所以在这种情况下是body。