Как отобразить один элемент управления над другим

Question

Я генерирую проект asp.net, в котором я хочу поставить один элемент управления над другим и сделать их видимыми true \ false в соответствии с элементом списка, выбранным из неупорядоченного списка. Я хочу знать, как я могу получить, какой элемент списка выбран из неупорядоченного списка и как разместить один элемент управления над другим, как то, что мы можем легко сделать в форме окна. Код для маркированного списка:

 <ul id="nav" > 
      <li class="srvlist"><a href="Default.aspx">Dashboard</a> 
       <div class="sub1"> 
       <ul id="inner_nav"> 
        <div class="arrow1"></div> 
        <li><a href="#">Recent</a></li> 
        <li><a href="#">All</a></li> 
       </ul> 
       </div> 
      </li> 
      <li class="srvlist"><a href="#">Statistics</a> 
       <div class="sub1"> 
       <ul id="inner_nav"> 
        <div class="arrow1"></div> 
        <li><a href="#">Opens</a></li> 
        <li><a href="#">Clicks</a></li>       
        <li><a href="#">Bounces</a></li> 
        <li><a href="#">Spams</a></li>       
        <li><a href="#">Unsubscribe</a></li> 
        <li><a href="#">Blocks</a></li> 
        <li><a href="#">Invalid Ids</a></li> 
       </ul> 
       </div> 
      </li> 
      <li><a href="#">Graph</a></li>     
      <li><a href="#">Compose</a></li> 
     </ul> 

Answer 1

Держите оба регулятора бок о бок, невидимый контроль автоматически освободить это место для видимое.

Answer 2

Создайте два дивизиона и поместите свой контроль в каждое подразделение!
В this fiddle example вы можете увидеть, как перекрывать два деления, используя position:absolute;.
Вы можете изменить видимость каждого подразделения, например yourDivID.Visible = true/false;, в коде.

И дополнительно, я предлагаю вам использовать UserControl для вашего требования!
Вам нужно сделать 2 UserControl, и вы можете привязать этот UserControl к тому же Content динамически!