请问，USERCONTROLS里面可以布局吗

我用一个 USERCONTROLS页面  包含了多个 控件，请问可以布局吗？
如  
<asp:Label ID="Label1" runat="server" Text="地区:"></asp:Label> 
    
<asp:DataList ID="list1" runat="server" 
    RepeatDirection="Horizontal" RepeatColumns="9" BackColor="White" 
    BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" CellPadding="4" 
    GridLines="Both">
        <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
        <SelectedItemStyle VerticalAlign="NotSet"  ForeColor="#663399" 
            HorizontalAlign="Center" BackColor="#FFCC66" Font-Bold="True" />
        <ItemStyle BackColor="White" ForeColor="#330099" />
        <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
       <ItemTemplate>
        <asp:LinkButton ID="LinkButton1" runat="server" 
            CommandArgument='<%#Eval("area") %>' OnClick="LinkButton1_Click" CommandName="select"  
            Font-Underline="False">[<%#Eval("area")%>]</asp:LinkButton>     
                
    </ItemTemplate>
</asp:DataList>
<asp:DataList ID="list2" runat="server" CssClass="list"  
    RepeatDirection="Horizontal" RepeatColumns="8" CellPadding="4" 
    ForeColor="#333333">
     <FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" />
     <SelectedItemStyle VerticalAlign="NotSet"  ForeColor="Navy" 
         HorizontalAlign="Center" BackColor="#FFCC66"  />     <AlternatingItemStyle BackColor="White" />
     <ItemStyle BackColor="#FFFBD6" ForeColor="#333333" />    
    <HeaderStyle CssClass="listHead" BackColor="#990000" Font-Bold="True" 
         ForeColor="White" />
    <ItemTemplate>
        <asp:LinkButton ID="LinkButton2" runat="server" 
            CommandArgument='<%#Eval("hw_street") %>' OnClick="LinkButton2_Click" 
            Font-Underline="False" CommandName="select">-<%#Eval("hw_street")%>-</asp:LinkButton>       
                
    </ItemTemplate>
</asp:DataList>这里有3个 控件  我 要第一个控件和第二个 横排在一起
第3个控件单独在下面 ，怎么用 DIV来写 写不来  求示范 

解决方案 »

  1.   

    用户控件当然可以自定义大小，调用的地方也可以定义他们的大小，至于怎样的效果，楼主最好还是自己尝试下比较好，这样才能有比较深刻的理解，不然别人就是把代码贴出来给你用了，你也不清楚为什么。
    div+css多练习下。
      

  2.   

    <style type="text/css" >
    .a{
    float:left;
    background-color:#0099FF;
    height:347px;
    width:200;
    }.d1{background-color:#3366CC;
    float:left;
    color:#FF0000;
    width:200px;
    height:100px;}</style>
    </head><body><div class="a">ddd</div>
    <div class="d1">
    <p>aaa</P>
    </div>
    </body>