Javascript 如何设置可变高度页面的背景色？

我有一个最小高度为700px的网页，但可以更高。如何使用CSS确保主体始终具有背景色

body {
  min-height: 700px;
  background: red;
}

---

将不起作用，因为车身高度最多只能填充700px，并且不知道浏览器窗口何时更大。

添加

高度：自动

body {
  height:auto;
  min-height: 700px;
  background: red;
}

但最好将此设置用于包装器div，而不是body
Add
height:auto

body {
  height:auto;
  min-height: 700px;
  background: red;
}

但是最好对包装器div使用此设置，而不是body
将body的高度和宽度设置为100%。然后使用div（或者，如果是html5，则使用页眉、小节、页脚等）构建页面结构。下面是一个基本示例
将身体的高度和宽度设置为100%。然后使用div（或者，如果是html5，则使用页眉、小节、页脚等）构建页面结构。下面是一个基本示例
为什么您希望您的
身体
有一个最小高度？为什么您希望您的
身体
有一个最小高度？Sowmya的答案只有一行代码，但这也行得通。谢谢Sowmya的答案只有一行代码，但这也可以。谢谢