html - CSS 表示:ブロックと位置:固定

Question

なぜこのコードは：

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

? div_ display:block_ position:fixed_ それ以外の場合は機能するようですか？

NB 私は CSS に非常に慣れていないので、単なるばかげたエラーである場合はお詫びします

Answer 1

position: fixed;またはを使用するposition: absolute;と、要素はドキュメントの通常のフローから取り出されます。

要素の のデフォルト設定はwidthです。これは、使用可能な幅全体を使用することを意味します。フローから外すと、使用可能な幅の使用可能な尺度がなくなるため (無限になるため)、代わりに、要素はそのコンテンツから幅を取得します。divauto

Answer 2

[empty] 要素の幅と高さを、 または のいずれfixedかabsoluteの位置に追加する必要があります。そうしないと、サイズがありません。

html, body {
  height: 1000px;
}

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

<div></div>

最後に、このようなものが必要です