.max_div
.min_div1
.min_div12
.min_div3
<div class="max_div">
<div clss="min_div1">红</div>
<div clss="min_div2">绿</div>
<div clss="min_div3">蓝</div>
<div clss="min_div1">红</div>
<div clss="min_div2">绿</div>
<div clss="min_div3">蓝</div>
<div clss="min_div1">红</div>
<div clss="min_div2">绿</div>
<div clss="min_div3">蓝</div>
<div clss="min_div1">红</div>
<div clss="min_div2">绿</div>
<div clss="min_div3">蓝</div>
<div clss="min_div1">红</div>
<div clss="min_div2">绿</div>
<div clss="min_div3">蓝</div>
<div clss="min_div1">红</div>
<div clss="min_div2">绿</div>
<div clss="min_div3">蓝</div>
</div>
你说的情况多半是因为指定的值不精准，自己微调一下就可以了！大家给你的只是一个思路，一个常用的方法！
<div id="site-map"><dl>
<dt><h3>财经</h3></dt>
<dd>
<ul>
<li>理财生活</li>
<li>财经要闻</li>
<li>创富故事</li>
</ul>
</dd>
<dl>
<dl>
<dt><h3>教育</h3></dt>
<dd>
<ul>
<li>教育咨询</li>
<li>职业培训</li>
<li>职场人生</li>
</ul>
</dd>
<dl>
</div>
才装了系统，没编辑器，css不好输，你自己改：
#site-map{
width: 500px
line-height:1.78
}
#site-map dl{
边框:灰色 1px
下外边距：10px
}
#site-map dt{
背景:灰色
}
#site ul{
width: 100%
overflow:hidden
}
#site ul li{
浮动：左
右外边距：10px
}
可以使用css的margin标签实现宽度不定，居中显示。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件，css文件。
2、在ue编辑器中输入以下html代码。
3、在ue编辑器中输入以下css代码。
4、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
5、在浏览器中打开此html文件，可以看到最终想要实现的宽度不定，水平居中显示效果。
