SOURCE

<style>
    *{
        padding:0;
        margin:0;
        box-sizing:border-box;
    }
a{
    text-decoration:none;
}
li{
    list-style:none;
}
.w{
    width:500px;
    margin:0 auto;
}
.nav{
    height:60px;
    background:pink;
}
.nav-l{
    width:120px;
    height:60px;
    background:red;    
}
.nav-l h4{
    display:block;
    width:120px;
    height:60px;
    line-height:60px;
    text-align:center;
    color:#fff;
}
.nav-l ul{
    padding-top:10px;
    background:red;
    float:left;
}
.nav-l li a{
    display:inline-block;
    height:25px;
    width:120px;
    line-height:20px;
    padding-left:10px;
    color:#fff;
   
    
}
.nav-l li a:after{
    content:'>';
    float:right;
    
}
.main{
    
    height:300px;
    background:skyblue;
}
.main-box{
    float:left;
    width:200px;
    height:300px;
    background:gray;
    margin-left:10px;
}
.main-r{
    float:right;
    width:150px;
    height:300px;
    
}
.new-t{
    height:140px;
    border:1px solid ;
    
}
.new-t h6{
    border-bottom:1px solid;
    width:150px;
    height:30px;
    line-height:30px;
    padding-left:10px;
}
.new-t ul{
    
    padding:10px 20px;
}
.new-t ol li{
    height:20px;
    line-height:20px;
}
.new-t div a{
    display:inline-block;
    margin-left:30px;
}
.new-m{
    height:120px;
    background:pink;
}
.new-b{
    height:40px;
    background:red;
    
}

.new-m li a{
    float:left;
    border:1px solid;
    width:50px;
    height:40px;
    line-height:40px;
    text-align:center;
}




</style>
<div class="nav w">
    <div class="nav-l">
        <h4>商品分类</h4>
        <ul>
            <li><a href="">1111</a></li>
            <li><a  href="">11111</a></li>
            <li><a  href="">3333</a></li>
            <li><a  href="">4444</a></li>
            <li><a  href="">5555</a></li>
        </ul>
    </div>
</div>

 <div class="main w">
     <div class="main-box">

     </div>
     <div class="main-r">
        <div class="new-t">
            <div>
	            <h6>pyogo快报<a href="">更多 &gt; </a></h6>
                
            </div>
            <ul>
                <li><a href="">Coffee</a></li>
                <li><a href="">mike</a></li>
                <li><a href="">Coffee</a></li>
                <li><a href="">mike</a></li>
            </ul>
        </div>
        <div class="new-m">
            <ul>
	<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="">5</a></li>
	<li><a href="">6</a></li>
	<li><a href="">7</a></li>
	<li><a href="">8</a></li>
	<li><a href="">9</a></li>
</ul>
        </div>
        <div class="new-b">广告logo</div>
     </div>
 </div>