不穿内裤的不是超人；
天天把内裤穿外面的不是超人；
把内裤穿外面却飞不起来的也不是超人；
内裤外穿有三要素：人物、地点、事件。跟小说很像吧，其实这本来就是一个传说 。
谁不穿内裤、谁的内裤穿外面、谁穿着蕾丝内裤在天上飞，跟咱一丁点儿关系也没。这样写只是为了提醒自己vertical-align:middle不仅在容器里面有效，对于并列的2个容器也是有效的。比如这个：床结构的写法。当然这个超人不是我，是蓝色web标准版的版主14px，文中擎天一柱的写法很是让人折服 。
在超人灵魂附体后，我们来优化上次做的床，上图先：
先前的结构：
<div class="container">
<div class="list">
<h4><span class="list_title_add"><span>标题</span></span>< /h4>
<dl>
<dt><a href="#" title="" target="_blank">1号楼:饮食男女</a><span>(今日新贴:578941)</span& gt;</dt>
<dd class="clearall">
<ul>
<li><a href="#" title="" target="_blank">1F:旅游先遣队</a></li>
<li><a href="#" title="" target="_blank">2F:结伴同行</a></li>
<li><a href="#" title="" target="_blank">3F:游玩杭州</a></li>
<li><a href="#" title="" target="_blank">4F:超级目的地</a></li>
<li><a href="#" title="" target="_blank">5F:休闲总动员</a></li>
<li><a href="#" title="" target="_blank">6F:我爱港澳台</a></li>
<li><a href="#" title="" target="_blank">7F:户外运动</a></li>
<li><a href="#" title="" target="_blank">8F:创意休闲</a></li>
</ul>
</dd>
</dl>
</div>
</div>
先前的demo
修改后的结构：
<div class="container">
<h4>标题</h4>
<div class="list">
<dl>
<dt><a href="#" title="" target="_blank">1号楼:饮食男女</a><span>(今日新贴:578941)</span></dt>
<dd class="clearall">
<ul>
<li><a href="#" title="" target="_blank">1F:旅游先遣队</a></li>
<li><a href="#" title="" target="_blank">2F:结伴同行</a></li>
<li><a href="#" title="" target="_blank">3F:游玩杭州</a></li>
<li><a href="#" title="" target="_blank">4F:超级目的地</a></li>
<li><a href="#" title="" target="_blank">5F:休闲总动员</a></li>
<li><a href="#" title="" target="_blank">6F:我爱港澳台</a></li>
<li><a href="#" title="" target="_blank">7F:户外运动</a></li>
<li><a href="#" title="" target="_blank">8F:创意休闲</a></li>
</ul>
</dd>
</dl>
</div>
</div>
<h4>标题</h4>
<div class="list">
<dl>
<dt><a href="#" title="" target="_blank">1号楼:饮食男女</a><span>(今日新贴:578941)</span></dt>
<dd class="clearall">
<ul>
<li><a href="#" title="" target="_blank">1F:旅游先遣队</a></li>
<li><a href="#" title="" target="_blank">2F:结伴同行</a></li>
<li><a href="#" title="" target="_blank">3F:游玩杭州</a></li>
<li><a href="#" title="" target="_blank">4F:超级目的地</a></li>
<li><a href="#" title="" target="_blank">5F:休闲总动员</a></li>
<li><a href="#" title="" target="_blank">6F:我爱港澳台</a></li>
<li><a href="#" title="" target="_blank">7F:户外运动</a></li>
<li><a href="#" title="" target="_blank">8F:创意休闲</a></li>
</ul>
</dd>
</dl>
</div>
</div>
修改后的demo
就这样了。如果你需要“绝对绝对居中”的话，这里还有3px的折腾空间 ：
