HTML中网页的底部width的100%为什么不起作用

做出的效果：

代码：

为什么红色底边不能全铺呢 width设为100%咋没用

因为你这个div包裹在另一个div的里面，你最多只能做到在容器内铺满，你外层容器宽度就不是100%，内层div不可能跑出去啊