版心容器问题

前端排版问题。版心与平铺问题。详细见下表。

金山云的底部信息栏部分，我在写这个部分时出现了版心存在，却不能让背景色铺满浏览器，通过F12检查和css等都未查出问题，具体代码如下图
**

在这里插入代码片

HTML

**

    <div class="last clearfix:after clearfix">
        
        <div class="left clearfix:after clearfix">
            <dl>
                <dt>产品与服务</dt>
                <dd><a href="#">云服务器</a></dd>
                <dd><a href="#">关系型数据库</a></dd>
                <dd><a href="#">对象存储</a></dd>
                <dd><a href="#">内容分发网络</a></dd>
                <dd><a href="#">负载均衡</a></dd>
                <dd><a href="#">缓存</a></dd>
                <dd><a href="#">云物理主机</a></dd>
            </dl>
            <dl>
                <dt>热门问题</dt>
                <dd><a href="#">注册认证</a></dd>
                <dd><a href="#">账户充值</a></dd>
                <dd><a href="#">产品购买</a></dd>
                <dd><a href="#">备案流程</a></dd>
                <dd><a href="#">客服说明</a></dd>
                <dd><a href="#">服务协议</a></dd>
                <dd><a href="#">应用攻略</a></dd>
            </dl>
           <dl>
                <dt>快速入口</dt>
                <dd><a href="#">个人中心</a></dd>
                <dd><a href="#">文档中心</a></dd>
                <dd><a href="#">帮助中心</a></dd>
                <dd><a href="#">备案中心</a></dd>
               
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd><a href="#">公司介绍</a></dd>
                <dd><a href="#">联系方式</a></dd>
                <dd><a href="#">新闻动态</a></dd>
                <dd><a href="#">加入我们</a></dd>
                <dd><a href="#">合作伙伴</a></dd>
                <dd><a href="#">友情链接</a></dd>
                
            </d>
        </div>
            <div class="right clearfix:after clearfix">
                <img src="images/er.png" alt="">
                <div class="right-r clearfix:after clearfix">
                   <a href="#" class="one"><img src="images/sj.png" alt="">金山云APP</a><br>
                   <a href="#"><img src="images/wx.png" alt="">金山云微信公众号</a><br>
                   <a href="#"><img src="images/wb.png" alt="">金山云微博</a>
                </div>
                <div class="r-bottom">
                    <p><img src="images/63.png" alt="">&nbsp;&nbsp;&nbsp;客服热线：400-028-9900</p>
                    <a href="#"><img src="images/64.png" alt=""> &nbsp;&nbsp;&nbsp;在线客服</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部信息栏E -->
    **

CSS部分

**
/* 底部信息栏S */
.last {

width:100%;
background-color: #333132;
border: 1px solid red;

}
.last-content {
height: 230px;
padding-top: 40px;
padding-bottom: 75px;
margin: 0 auto;

}
.last .left {
width: 740px;
}
.last .left dl {
float: left;
margin-right: 110px;
}
.last .left dt {
font-size: 15px;
margin-bottom: 20px;
color: #fff;
}
.last .left dd {
margin-bottom: 7px;
}
.last .left dd a {
font-size: 12px;
color: #828081;
}
.last .right {
float: right;
margin-top: -235px;
width: 255px;
}
.last .right img {
float: left;
}
.last .right-r {
float: right;
width: 140px;
height: 117px;
}
.last .right-r a {
text-align: left;
line-height: 45px;
font-size: 12px;
color: #828081;
}
.last .right-r a img {
margin-top: 14px;
}
.last .right-r img {
width: 15px;
margin-right: 5px;
}
.last .right-r .one {
color: #fff;
}
.last .right .r-bottom p{
height: 15px;
margin-top: 136px;
text-align: left;
}
.last .right .r-bottom a {
margin-top: 6px;
font-size: 12px;
color: #828081;
}
.last .right .r-bottom a img {
margin-top: 6px;
}
/* 底部信息栏E */
有兴趣或热心的大佬，求解答，到底问题出在哪里。。。。。。。