css代码对类布局无效？

Question

希望的是这个车辆展示布局居中，但是对这个DIV设置的css样式无效。
这个是我的HTML的代码

<div class="body">
                <div class="profile">
                    <div class="jg"></div>
                    <div class="js">
                        <h3>公司简介</h3>
                        <p>广州茂丰物流有限公司，是隶属于上海山汉物流集团的分公司.公司专业从事公路货物运输.铁路.航空货物运输与仓储配送一条龙服务于一体的全新物流企业...</p>
                        <br>
                        <a href="#"><div>更多</div></a>
                    </div>
                    <div class="jg"></div>
                    <div class="js">
                        <h3>大件运输</h3>
                        <p>广州茂丰物流有限公司运力雄厚，拥有自备车辆（合同车）200多辆，主要车型有单桥车、7.5米、8.5米、9米，载重10吨以内双桥车、9.6米、10米、11米，载重17吨以内、前四后八车9米...</p>
                        <a href="#"><div>更多</div></a>
                    </div>
                    <div class="jg"></div>
                    <div class="js">
                        <h3>新闻动态</h3>
                        <ul>
                            <li><a href="#">供应广州到山东物流运输服务</a><span>2.13</span></li>
                            <li><a href="#">供应广州到江苏物流运输服务</a><span>3.14</span></li>
                            <li><a href="#">供应广州到河南物流运输服务</a><span>4.15</span></li>
                            <li><a href="#">供应广州至北京天津物流运输服务</a><span>5.16</span></li>
                            <li><a href="#">提供物流、货运、运输服务    </a><span>6.17</span></li>
                        </ul>
                        <a href="#"><div>更多</div></a>
                    </div>
                </div>
                <div style="clear:both"></div>
                <!-- 车辆展示部分 -->
                <div class="car">
                    <p>车辆展示</p>
                    <input type="image" src="img/left.png" name="btn1">
                    <div id="div1">
                        <ul id="ul1">
                            <li><a href="#"><img src="img/bgcar.png" alt=""></a></li>
                            <li><a href="#"><img src="img/bigcar.png" alt=""></a></li>
                            <li><a href="#"><img src="img/cpcar.png" alt=""></a></li>
                            <li><a href="#"><img src="img/pbcar.png" alt=""></a></li>
                        </ul>
                    </div>
                    <input type="image" src="img/right.png" name="btn2">
                </div>
                <div class="route"></div>
            </div>

下面是我的CSS代码

//介绍部分
.body{height: 766px; width: 1026px; float: left;}
.body .profile{height: 100%; width: 990px; margin-left: 464px;float: left;}
.body .profile .js{height: 163px; width: 284px; float: left; margin: 0 20px 0 25px;}
.body .profile .js p{padding: 0px; margin: 0px;}
.body .profile .js h3{font-size: 20px; padding: 0px; margin: 0 0 10px 0; text-align: center;}
.body .profile .js ul{padding: 0px; margin: 0px; padding-left: 30px;}
.body .profile .js ul span{float: right; color: #CBCBCB;}
.body .profile .js ul li{list-style-type: decimal;}
.body .profile .js div{text-align: center; width: 40px;float: right; margin-top: 20px; background: #FF8600; border-radius: 4px; padding: 5px;}

//车辆展示部分
.body .car{width: 1026px; height:200px; margin-left: 464px; margin-top: 20px;}
.body .car p{color: #000000; font-size: 20px;}
.body .car input{float: left;}
.body .car ul{height: 160px;float: left; padding: 0px;}
.body .car ul li{float: left; height: 160px;}

我也找到了解决的办法，一个是写行间样式，另外一个是需要把.body写两遍才能居中

//介绍部分
.body{height: 766px; width: 1026px; float: left;}
.body .profile{height: 100%; width: 990px; margin-left: 464px;float: left;}
.body .profile .js{height: 163px; width: 284px; float: left; margin: 0 20px 0 25px;}
.body .profile .js p{padding: 0px; margin: 0px;}
.body .profile .js h3{font-size: 20px; padding: 0px; margin: 0 0 10px 0; text-align: center;}
.body .profile .js ul{padding: 0px; margin: 0px; padding-left: 30px;}
.body .profile .js ul span{float: right; color: #CBCBCB;}
.body .profile .js ul li{list-style-type: decimal;}
.body .profile .js div{text-align: center; width: 40px;float: right; margin-top: 20px; background: #FF8600; border-radius: 4px; padding: 5px;}

//车辆展示部分
.body{height: 766px; width: 1026px; float: left;}
.body .car{width: 1026px; height:200px; margin-left: 464px; margin-top: 20px;}
.body .car p{color: #000000; font-size: 20px;}
.body .car input{float: left;}
.body .car ul{height: 160px;float: left; padding: 0px;}
.body .car ul li{float: left; height: 160px;}

求大神解释原因