css用 dl dt dd 如何实现这个效果？

用个绝对定位不就行了麽……
下面贴一下360buy的那个框的CSS……

父级用的CSS:
.allsort .mc {
background: #FEF8EF;
border: solid #C40000;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-width: initial;
border-top-left-radius: 0px 0px;
border-top-right-radius: 0px 0px;
overflow: visible;
padding: 0px 3px;
position: absolute;
top: 45px;
width: 203px;
}

子级用的CSS：
.allsort .item .i-mc {
background: #FFF9EF;
border: 1px solid #C30;
display: none;
left: 181px;
overflow: hidden;
position: absolute;
top: 0px;
width: 658px;
}

以上……
自行查阅它的HTML代码……