1. ホーム
  2. html

[解決済み] <body>を画面いっぱいに表示させるには?

2022-04-30 06:34:49

質問

ウェブページの背景に放射状のグラデーションを使用しているのですが、このような場合、どのようにすればよいのでしょうか。

background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000));

動作はしますが、コンテンツがページ全体を満たさない場合、グラデーションが切断されます。どうすれば <body> 要素が常にページ全体を埋めるようになりますか?

解決方法は?

html, body {
    margin: 0;
    height: 100%;
}