CSS表示：ブロックと位置：

Question

なぜこのコードであろう修正：私はposition:fixedを追加するとき

div { 
    background-color: yellow; 
    display:block; 
    position:fixed; 
} 

（すなわちページを横切って流れる）display:blockとしてdivが表示されませんか？それは別の方法で動作するようですか？

N.B.私はので、私はそれが

Answer 1

愚かな誤りである場合は、それ以外の場合は、任意のサイズを持っていない、位置fixedまたはabsoluteのいずれかで任意の[空]の要素に幅と高さを追加する必要がappologise CSSに非常に新しいです。

HTML：

<div><div> 

はCSS：

div { 
    background-color: yellow; 
    display:block; 
    position:fixed; 
    width:100px; 
    height:100px; 
} 

DEMO

最後にuはあなたがposition: fixed;やposition: absolute;を使用する場合、要素はから取り出されthis

Answer 2

ようなものが必要そこドキュメントのグーグルフロー。

div要素のデフォルト設定はで、autoです。つまり、使用可能な全幅が使用されます。フローから取り除くと、使用可能な幅のための使用可能な尺度が無くなります（無限になるため）、要素の内容から幅が取得されます。