Css 如何使DIV占据总窗口高度和宽度的5px边距

您好，我正在尝试制作一个DIV以应用总窗口大小和5px边距，但我的代码中的边距属性存在一些问题

.outer
{
  background-color:white;
  margin-left:-5px;
  margin-right:-5px;
  margin-top:-5px;
  margin-bottom:-5px;
  height:400px;
  width:100%
}

上面是我的CSS代码。。请帮帮我

---

此DIV需要占用屏幕/窗口大小的总高度和宽度，边距为5 px

首先，您可能需要将css元素

html

和

body

的高度和宽度设置为100%。由于它们包装了整个页面，因此如果页面中的内容不包含整个屏幕，则页面中的内容不能包含整个屏幕

第二，在处理百分比时使用

边距

并不是一个好主意。如果您安装了一个大小与屏幕相同的div元素，然后给它一个5px的边距，那么总宽度将为100%+5px。这将使它比屏幕本身更大。为什么不改为使用

填充

？因此，我的建议如下：

html, body, .outer { height: 100%; margin: 0; width: 100%; }
.outer {
 padding: 5px;
}

---

不要设置宽度，让边距指定宽度

您需要将body的margin设置为0，然后将-5%更改为5%

此外，您需要在div中设置一些非零填充。由于某些原因，如果您不设置填充，则顶部会有额外的边距

试试这个：

body { margin: 0; } .outer { margin: 5px; padding: 1px; height:400px; } 身体{ 保证金：0； } 外面的 { 保证金：5px； 填充：1px； 高度：400px； }

---

但是你的问题是什么？？？不确定为什么你使用

-5px

而不仅仅是

5px

，这并没有在IE8中提供右侧边距，在Chrome中提供左侧边距。。谢谢，您不需要为html设置样式，只需要为正文设置样式。设置“高度：100%”在css中没有任何意义。您也不需要设置宽度。例如，如果你想使用不同的背景色，焊盘和边距是不同的！如果你真的想要有不同的背景颜色（或者因为其他原因想要分开元素），最好在body元素中使用padding。正如我之前所说，绝对数和相对数的总和并不总是相加的。