css - 流体宽度如何工作？

Question

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

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

我有两个问题：

1. 是什么*width？

2. 它是身体宽度的 31.9% 还是 .row-fluid/ancestral 元素的宽度？我假设它的宽度是row-fluid因为 mybody是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宽和#high 1349px宽。

Answer 1

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

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