CSS如何设置才能让div盒子大小与浏览器窗口一样宽？

Question

我觉得只能这么简单粗暴了，是哪里出现了问题？HTML代码    <div class="foot">     </div></body></html>css代码html {    background-color: red; }.foot{    height: 100px;    width: 100%;    background-color: blue; }你们看效果是两边都有空白，应该怎么做呢？