这些也就是相当于现在很多人流行的“left_box”和“right_box”，快速改版以后变成了在左边的“right_box”。这不就是相当于歪曲事实的真理么？但其实最重要的是第一点，这样的工作方式和我们以往的table布局工作方式有差别么？你提个改个样式需求，全公司（设计、页面、开发、功能测试、CE数据监测）都跟着你去跑，这是很不智的。
写到这里回看下，顺带改了改标题变成《这将是一场革命》系列的第二篇关于CSS的文章算了。上面说完不对的，下面给大家看看一个我最近刚接手的一个新版项目代码段： HTML片断
<div id="index_news" class="mode">
<h3 class="title">公益新闻</h3>
<div class="content">
<ul>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
<li><a href="#">新闻标题，新闻标题，新闻标题，新闻标题</a></li>
</ul>
</div>
<a class="more" href="#">更多</a> </div>
CSS片断
.mode{
position:relative;
float:left;
font-size:12px;
}
.mode h3.title,
.mode h4.title{
color:#234C00;
padding:5px 10px;
font-size:14px;
}
.mode .more{
top:5px;
right:10px;
font-size:12px;
color:#4282ab;
position:absolute;
}
.mode .content{
clear:both;
}
.mode .content:after {
content:"";
display:block;
height:0;
line-height:0;
clear:both;
visibility:hidden;
}
#index_news.mode,
#index_bbs.mode,
#index_area.mode{
background:url(small_gray_grid.png) repeat-y -400px bottom;
width:200px;
margin:5px 0 5px 5px;
}
#index_news.mode h3.title,
#index_bbs.mode h3.title{
background:url(small_gray_grid.png) no-repeat -200px top;
}
#index_news.mode .content,
#index_bbs.mode .content,
#index_area.mode .content{
background:url(small_gray_grid.png) no-repeat -600px bottom;
display:table;
}
