位置が固定に設定されていると、divのサイズが変更されるのはなぜですか？

Question

これは些細なことかもしれませんが、なぜこれが起こるのか知りたいです。固定資産に指定されていません：それは位置が時にdiv要素が両端に幅の広い伸ばしているということであるのはなぜ

.fixed { 
 
    position : fixed; 
 
    border : 1px solid black; 
 
    padding : 5px; 
 
    right : 0; 
 
    bottom : 0; 
 
}

<div class="fixed"> 
 
I am just a fixed value 
 
</div>

：私は、次のコードを持っています。 whereは、位置指定属性とともに指定されたときにコンテンツのサイズに縮小します。

Answer 1

デフォルトでは、の要素は、位置がで静的です。 divはブロック要素なので、それは親からの幅を継承し、親の制限内で伸びます。

要素が配置されると、それは要素の通常の流れから取り除かれ、したがって、親から次元を継承することはできません（この場合は幅）。

あなたの例を考えてみると、divが配置されていないときは、親からの幅を継承していて、それによって次元があるはずです。 の位置を追加したとき：スタイルに固定が固定されていましたが、これは通常のフローから抜け出したため、どの次元も継承できません。ディメンションは、CSSルールで定義した値、またはコンテンツが使用するデフォルトの幅に基づいています。

位置：絶対値も同じです。