css - フルイド幅はどのように機能しますか?

Question

twitter-bootstrap.css で次のことに気付きました。

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

2 つの質問があります。

1. とは*width?

2. 本体の幅の 31.9% ですか、それとも .row-fluid/ancestral 要素の幅ですか? 私は1349px、1147px、366pxであるrow-fluidため、幅は1147の31.9% であると想定しています。しかし、これも機能するはずです。bodyrow-fluidspan4

HTML:

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

CSS :

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

Q#2 の 2 番目のケースが正しければ、の幅は#high100%、つまり #right の幅と同じになります。しかし、ブラウザで #right 367px幅と #high 1349px幅を取得しています。

Answer 1

1. *widthIE7のみを対象
2. パーセンテージ幅は、それらが入っているコンテナを基準にしています

アイテムを作成するときposition:absolute、それはそれが入っているコンテナではなくドキュメント全体に関連しているので、この場合はbody。