网站制作 {有一小点不明白}

代码标红的部分，我不太明白，为啥内容里一个div class=“con”后，再要套一个div class=“aboutcon”？其他页面里也都这个格式。如果方便替换的话，直接在con里替换不就可以了吗？视频里老师讲的我不太明白。














about us

<div class="subsetbanner"></div>

<div class="subsetwarp">

    <div class="aside">
      <div class="title"><h2>关于我们</h2></div>
          <ul>
            <li><a href="#">公司简介<i>></i></a></li>
            <li><a href="#">发展大事记<i>></i></a></li>
            <li><a href="#">企业荣誉<i>></i></a></li>
            <li><a href="#">企业文化<i>></i></a></li>
            <li><a href="#">厂容厂貌<i>></i></a></li>
          </ul>
    </div>
    <div class="main">
        <div class="title">
            <h3>公司简介</h3>
            <div class="link">
             <i></i>您所在的位置：<a href="index.html">首页</a> - <a href="#">关于我们</a> - <a href="#">公司简介</a></div>
             <div style="clear:both"></div>
        </div>
        
        <div class="con">
          <div class="aboutcon">
          <img src="images/about-img.jpg">
          <p>    格尔木腾隆钾业有限公司成立于2016年5月，注册资金500万元，该公司属扎根大西北，面向农业、服务于客户的有限责任公司。主营硫酸钾镁肥，硫酸钾肥，氯化钾肥，钾肥的加工与销售。目前，根据市场需求，代购代销化肥、氯化镁、低钠盐等业务。</p>

    <p>公司位于青海省格尔木市，这里属柴达木盆地南侧，平均海拔2800米左右。特殊的气候条件与地形、地貌环境，造就了我国大型盐湖成盐区，也是世界著名的盐湖分布区之一。仅青海全省就有盐湖71个，其中柴达木盆地43个。公司立足于高原，依托地理资源优势，狠抓科技攻关与“扁平式”管理。节能减排，降低成本，构建“专业高效，诚信服务”的企业文化，更好地服务于“三农”。</p>

    <p>公司成立以来，在上级主管部门与全体员工的共同努力下，本着“供销一体，客服至上”的原则，与青海高端盐湖科技有限公司、中航资源有限公司、青海锦泰钾肥有限公司、青海森盛矿业有限公司、大柴旦大华化工有限公司、盐湖集团等全国大型龙头钾肥企业，建立了稳固的业务“共同体”，形成良性的供销机制。
根据目前的市场需求，公司已建成年产量4.6万吨的颗粒加工生产车间，厂区占地面积56亩地。2017年，公司预计销售硫酸钾镁肥3.2万吨，氯化钾3万吨，硫酸钾1.5万吨。
长期以来公司以优质的服务和卓越产品品质，帮助客户和用户取得成功。立足长远发展，腾隆公司将恪守“帮助中国生产所需的粮食”这一公司使命，一如既往地服务客户及中国农业发展。</p>
     
     <p>根据目前的市场需求，公司已建成年产量4.6万吨的颗粒加工生产车间，厂区占地面积56亩地。2017年，公司预计销售硫酸钾镁肥3.2万吨，氯化钾3万吨，硫酸钾1.5万吨。</p>

    <p>长期以来公司以优质的服务和卓越产品品质，帮助客户和用户取得成功。立足长远发展，腾隆公司将恪守“帮助中国生产所需的粮食”这一公司使命，一如既往地服务客户及中国农业发展。</p>

    <p>格尔木腾隆钾业有限公司成立于2016年5月，注册资金500万元，该公司属扎根大西北，面向农业、服务于客户的有限责任公司。主营硫酸钾镁肥，硫酸钾肥，氯化钾肥，钾肥的加工与销售。目前，根据市场需求，代购代销化肥、氯化镁、低钠盐等业务。</p>

    <p>公司位于青海省格尔木市，这里属柴达木盆地南侧，平均海拔2800米左右。特殊的气候条件与地形、地貌环境，造就了我国大型盐湖成盐区，也是世界著名的盐湖分布区之一。仅青海全省就有盐湖71个，其中柴达木盆地43个。公司立足于高原，依托地理资源优势，狠抓科技攻关与“扁平式”管理。节能减排，降低成本，构建“专业高效，诚信服务”的企业文化，更好地服务于“三农”。</p>
          </div>
        </div>
    </div>
    <div style="clear:both"></div>
</div>


news   页码代码

    <div class="newslist">
        <ul class="ye">
        
        <li><a href="#">上一页</a></li>
        <li><a href="#">1</a></li>
        <li><a href="#">2</a></li>
        <li><a href="#">3</a></li>
        <li><a href="#">4</a></li>
        <li><a href="#">下一页</a></li>
        <li style="margin-right:0"><a href="#" >末页</a></li>
        
        </ul>
   
    </div>

css样式

.newslist { width:350px; height:30px; margin:100px auto 150px}
.newslist li{border:1px solid #B8B8B8; margin-right:10px;float:left;  padding-left:10px;padding-right:10px;}

.newslist a{line-height:30px; font-size:12px;;color:#474747; text-align:center}
.newslist li:hover{ background:#0062af; }
.newslist li:hover a{ color:#FFFFFF}