Css 将页面宽度限制为浏览器的一半

我目前正在学习网页设计，我正在网上解决一些示例问题，有一个具体案例要求我：

编写一个CSS规则，将网页宽度限制为浏览器的一半，并将其置于浏览器窗口的中心

将CSS规则添加到上面的规则中，以显示填充所有浏览器窗口（包括空的左侧和右侧）的绿色背景色

对于2，我可以使用这个：

body {
    background-color: green;
}

---

但对于我来说，我做不到。如何获取浏览器的大小？听起来很混乱。

你所要做的就是设置宽度：50%

或者，如果要将最大宽度设置为50%，请使用

max width:50%

要居中，请设置左侧边距：自动和
右边距：自动
这很简单，只需迈出一步试试这个

body {
    width: 50%;
    margin: 0 auto; //optional if you want your page in center
}

将此CSS设置为您的身体-

body{
    width:50%;
    margin: 0 auto;
    background-color: green;
    overflow: hidden; //just in case if you don't want your any fixed width element crosses the body width.
}

您可以使用
html，body{width:50%！important；margin:0 auto}