<asp:DataList ID="DataList1" runat="server" DataKeyField="ProductClass_ParentID"  
        onitemdatabound="DataList1_ItemDataBound" RepeatColumns="1" Height="1060px"
        RepeatDirection="Horizontal">
    <ItemTemplate>
            <dl class="ProductParent">
                <dt><img src="images/i1.gif" id="img_i1" /><a href="ProductDetails.aspx?id=<%#Eval("ProductClass_ParentID") %>" ><%#Eval("ProductClass_ParentName")%></a></dt>
                <dt class="ProductDirectory"><asp:DataList ID="DataList2" runat="server" DataKeyField="ProductClass_ID" RepeatColumns="4"
                    RepeatDirection="Horizontal">
                    <ItemTemplate>
                           <dl>     
                               <dt><a href='ProductDetails.aspx?id=<%#Eval("ProductClass_ID") %>'>
                                    <%#Eval("ProductClass_Name")%></a></dt>                             
                            </dl>
                        <ItemTemplate>
                       
                    </ItemTemplate>
                </ItemTemplate>
                </asp:DataList>
                </dt>
                 <dt><a href='ProductDetails.aspx?id=<%#Eval("ProductClass_ID") %>'><img src="images/more.gif" id="img_more1" /></dt>
            </dl>
    </ItemTemplate>
</asp:DataList>

CSS部分

.left_down{width:246px;height:1180px;background:url('../images/left_down.gif') no-repeat;
}
dl.ProductParent{width:235px;height:80px;margin-left:5px;padding-top:5px;border-bottom:dashed 1px #999;}
dt a{color:#600;font-size:16px;font-weight:bold;text-decoration:none;}
dt a:hover{color:#666;text-decoration:underline;}
dd a{color:#000;line-height:18px;text-decoration:none;}
dd a:hover{color:#603;text-decoration:underline;}
.ProductDirectory{width:170px;padding-left:16px;padding-top:5px;float:left; font-size:6px;}
.ProductDirectory dt a{float:left; font-size:12px; margin:0px; padding:0px; width:60px; word-break:break-all;}

#img_more1 {float:right;position:absolute; bottom:10px;}

.more_product{width:246px;height:40px;}
.more_product img{padding-bottom:0px;padding-left:15px}