html - コンテナの背景が表示されない

Question

の背景を表示できませんbody div.grid-container。

CSS:

body div.grid-container {
    width: 100%;
    max-width: 1630px;
    height: auto;

    position: relative;
    margin: 0 auto;
    padding: 0;

    background: #d4e7ed; background-color: #d4e7ed;
}

display: block;すべての要素に使用してみました。それでもうまくいきません。

こちらをご覧ください。.

このページは作成中で、まだ応答していません。したがって、画面サイズが幅 1630px より小さい場合。Chrome で開き、「Control」と「-」を使用してズームアウトします。

ありがとう。

Answer 1

以下を設定する必要があります。

overflow: auto;

あなたのdivに。

これは、親 div に浮動要素が含まれているためです。要素がフロートしている場合、親の高さを強制的に拡張することはありません。

Answer 2

オーバーフローを使用すると動作します:)

overflow: hidden;