asp.net c中aspx页面中的垂直分隔符#_Asp.net_Separator

asp.net c中aspx页面中的垂直分隔符#

asp.net

asp.net c中aspx页面中的垂直分隔符#,asp.net,separator,Asp.net,Separator,我想显示垂直排列的按钮和垂直分隔符，右侧有gridview 我尝试了下面的代码。但一切都没有改变 <body bgcolor="#CCFFFF"> <form id="form1" runat="server">  <div> <asp:Button ID="Button1" runat="server" onclick="

我想显示垂直排列的按钮和垂直分隔符，右侧有gridview

我尝试了下面的代码。但一切都没有改变

 <body bgcolor="#CCFFFF">
        <form id="form1" runat="server">  
    <!--Right side of webpage -->
       <div>
         <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
               Text="ImportData to Database" Width="187px"            
               style="top: 40px; left: 228px; position: absolute; height: 29px; right: 824px;" />      

        <asp:DropDownList ID="MonthList" runat="server" 
            onselectedindexchanged="MonthList_SelectedIndexChanged"  
            style="top: 141px; left: 380px; position: absolute; height: -5px; width: 95px; ">
        </asp:DropDownList> 

        <asp:GridView ID="GridView1" runat="server" 
            onselectedindexchanged="GridView1_SelectedIndexChanged" 
            style="top: 244px; left: 256px; position: absolute; height: 152px; width: 287px"> 
             <columns>         
                    <asp:templatefield HeaderText="Select">
                        <itemtemplate>
                            <asp:checkbox ID="cbSelect"  runat="server"></asp:checkbox>
                        </itemtemplate>
                    </asp:templatefield>                
                </columns>
        </asp:GridView>
     </div>
    <!--Left side -->
        <div style="float:left; width:30%;">
        <asp:Button ID="Userbtn" runat="server" Text="User Settings"       
            style="top: 87px; left: 14px; position: absolute; height: 29px; width: 145px" />
        <asp:Button ID="EmployeeBtn" runat="server" 
            style="top: 40px; left: 14px; position: absolute; height: 29px; width: 143px" 
            Text="Add Employee " />
         </div>

     </form>

以下代码应该可以工作


请使用此代码进行检查：
<body bgcolor="#CCFFFF">
    <form id="form1" runat="server">  
        <!--Right side of webpage -->
           <div style="float:left; width:70%;">
             <asp:Button ID="Button1" runat="server" onclick="Button1_Click" 
                   Text="ImportData to Database" Width="187px"            
                   style="top: 40px; left: 228px; position: absolute; height: 29px; right: 824px;" />      

            <asp:DropDownList ID="MonthList" runat="server" 
                onselectedindexchanged="MonthList_SelectedIndexChanged"  
                style="top: 141px; left: 380px; position: absolute; height: -5px; width: 95px; ">
            </asp:DropDownList> 

            <asp:GridView ID="GridView1" runat="server" 
                onselectedindexchanged="GridView1_SelectedIndexChanged" 
                style="top: 244px; left: 256px; position: absolute; height: 152px; width: 287px"> 
                 <columns>         
                        <asp:templatefield HeaderText="Select">
                            <itemtemplate>
                                <asp:checkbox ID="cbSelect"  runat="server"></asp:checkbox>
                            </itemtemplate>
                        </asp:templatefield>                
                    </columns>
            </asp:GridView>
         </div>

        <!--Left side -->
          <div style="float:left; width:30%;">
            <asp:Button ID="Userbtn" runat="server" Text="User Settings" style="top: 87px; left: 14px; position: absolute; height: 29px; width: 145px" />
            <asp:Button ID="EmployeeBtn" runat="server" 
                style="top: 40px; left: 14px; position: absolute; height: 29px; width: 143px" 
                Text="Add Employee " />
          </div>

 </form>



我不是网页设计师，但我的一个项目中有一个垂直分隔符。我猜这是一幅被调整为背景的图像，它是一个很好的主意，可以准确地解释你所做的事情，而不是期望读者逐行检查你的答案，试图找出发生了什么变化。无论如何，要举个例子，但要给人们一个你的建议的线索