如何将一个控件放在另一个控件的底部？

Question

在我的网站上有一个幻灯片，在它下面有一个 table:

<asp:panel ID=panel1>
  slideshow
</asp:panel>
<asp:panel ID=panel2>
  table
</asp:panel>

当移动设备旋转时，table 被幻灯片隐藏，有没有办法将 table 放在幻灯片的底部？我的意思是有没有办法说例如 panel2 位于 panel1 的底部？

幻灯片放映：

<div style="margin:0; padding:0px 0px 10px 0px  ;min-width:100%; max-width:100%; ">
<ul id="slide" style="margin:0; padding:0;min-width:100%; max-width:100%;">
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
<asp:Image ID="Image3" runat="server" AlternateText="xx" ImageUrl="xxx" style="min-width:100%; max-width:100%; "/>
</li>
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
image2
</li>
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
image3
</li>
<li style="margin:0; padding:0;min-width:100%; max-width:100%;">
image4
</li>
</ul>
</div>

幻灯片下的图片

<div style="width:100%; ">
<asp:Panel runat="server" Width="100%">
<div style=" margin:0; padding:0;min-width:100%; max-width:100%; ">
<asp:Image ID="Image1" runat="server" AlternateText="xx" ImageUrl="xxx"   />
</div>

然后 table 到这里...

放置在幻灯片下方的图像有时会被幻灯片隐藏..下面有一部分 table..

我的 css 是：

.myfont {
             font-size: larger;
         }

         .thetable
         {
        padding-left:10%; 
        padding-right:0;
         width:90%;
         table-layout: fixed; 

         }
         .firsttable
         {
         padding-top:0;
         margin-top:0;        
         width:33%;

         }

         .secondtable {
          padding-top:0;
           margin-top:0;         
         width:33%;
         }

         .thirdtable {
          padding-top:0;
           margin-top:0;        
         width:33%;
         }

table with id thetable 是初始 table 包含 3 tables(firsttable, secondtable, third table), 因为我需要将控件放在 3 列中。

Answer 1

问题出在我的幻灯片中，当时我在幻灯片中滑动图像并且我添加了 min-width=100% 和 max-width=100% 因为我需要图像是全角的，幻灯片代码没有'不包含 overflow=hidden 或 overflow=scroll 选项，因此图像在横向模式下变得太大并且与下一个 div 重叠。一旦我用这个替换了幻灯片： http://responsiveslides.com/

一切都变得完美，因为这个幻灯片响应迅速且完美！！！！

如何将一个控件放在另一个控件的底部？

How to place a control at the bottom of another one?

asp.net

html-table

slideshow