一个DD，DT的CSS样式的问题

首先，如果想要DD标签实现向<li>一样的控制样式（比如说，要使它的list-style生效），则必须得设置：display:list-item;，否则，list-style不生效。

另看代码：

<div class="viewadd">
  <dl>
    <dt>华中</dt>
    <dd><input type="checkbox" name="srcorg" value="ZBHZBL01"/>巴陵办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHZCL01"/>长岭办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHZJM01"/>荆门办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHZLY01"/>洛阳办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHZWH01"/>武汉办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHZZY01"/>中原办</dd>
    <dt>华东</dt>
    <dd><input type="checkbox" name="srcorg" value="ZBHDYI01"/>仪征办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDJL01"/>金陵办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDGQ01"/>高桥办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDJJ01"/>九江厂办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDAQ01"/>安庆办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDSH01"/>上海办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDYZ01"/>扬子办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDZH01"/>镇海办</dd>
    <dt>华南</dt>
    <dd><input type="checkbox" name="srcorg" value="ZBHDMM01"/>茂名办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDGZ01"/>广州办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDHN01"/>海南办</dd>
    <dd><input type="checkbox" name="srcorg" value="ZBHDZJ01"/>湛江办</dd>
  </dl>
</div>

想要达到这样的排列效果：


[img]http://dl.iteye.com/upload/attachment/592835/492ddb9b-3388-3901-89d5-c310fb3c4707.jpg[/img]


则必须设置：

dl dd {
	float:left;
	width:180px;
}
dl dt {
	width:200px;
}

如果把dt标签的width属性去掉，则就会出现下面的效果：


[img]http://dl.iteye.com/upload/attachment/592841/23da115f-5a26-3db7-a2f7-9bd6e007815b.jpg[/img]


记下来备忘，但原理不知道，呵呵。