css - 流体宽度如何工作？

Question

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

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

我有两个问题:

1. 什么是*width？

2. 它是主体宽度的 31.9% 还是只是 .row-fluid/ancestral 元素的宽度？我假设它是 row-fluid 的宽度，因为我的 body 是 1349px，row-fluid 是 < strong>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. 百分比宽度相对于它们所在的容器

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