<div class="list_main"> <div class="news_type"> <h2>新闻中心</h2> <div class="new_type_content"> <ul> <li><a href="list.html">公司新闻</a></li> <li><a href="list.html">行业新闻</a></li> <li><a href="list.html">媒体报道</a></li> <li><a href="list.html">活动专题</a></li> <li><a href="list.html">精彩视频</a></li> <li><a href="list.html">资源下载</a></li> <li><a href="list.html">公司内刊</a></li> </ul> </div> </div> <div class="list_box"></div> </div>
.list_main{ min-height:350px; background-center:#FFF; margin_top:10px; } .news_type{ width:220px; height:350px; border:1px solid #E8E8E8; float:left; } .list_box{ width:770px; min-height:350px; background-color:red; border:1px solid #E8E8E8; float:right; } .news_type h2{ height:35px; line-height:35px; font-size:14px; font-family:"微软雅黑"; color:#666; background:url(src/images/titile_bg.gif) repeat-x; }
可以自己设置宽高!