Html 当我最小化页面时，主体颜色并没有填满整个窗口

我的问题是，当我在浏览器中查看时，红色不会填充整个窗口。我希望它使用100%的可用空间。我认为

正文

和

html

宽度

不起作用，我的页面上还包括了CSS重置

无标题文件
身体{
填充：0px；
边际：0px；
}
.集装箱{
宽度：100%；
背景色：#F00；
浮动：左；
}
.内分区{
宽度：980px；
背景色：#00F；
保证金：0px自动；
高度：200px；
颜色：#FFF；
字体系列：arial；
填充：19px；
边缘底部：22px；
}
这里是工作小提琴




无标题文件
html，正文{
保证金：0自动；
身高：100%；
}
.主{宽度：100%；
身高：100%；
背景色：#F00；
浮动：左；
}
.container、.container1{
宽度：98%；
身高：40%；
填充：1%；
保证金：0；
}
.容器{
背景颜色：橙色；
}
.container1{
背景颜色：绿色；
}
.内分区，.内分区1{
背景色：#00F；
身高：98%；
保证金：0自动；
文本对齐：居中；
}
使用html，body{height:100%}
元素进入
或
@MIkeJ。我看过你的网站，我能给你的最好建议是重新构造你的HTML，不要使用
。但是我需要每个容器有不同的背景颜色