Question

在我的网站上有一个幻灯片演示，在它下面有一张桌子：

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

旋转手机时，幻灯片将桌子隐藏起来，有没有办法将桌子放在幻灯片的底部？我是说有办法说例如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>

那桌子就在这里...

幻灯片放映时隐藏的图像有时会被幻灯片放映..桌子下面有一部分..

我的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%;
         }

id为thetable的表是包含3个表（firsttable，secondtable，thirdtable）的初始表，因为我需要将控件放在3列中。

Answer 1

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

一切都变得完美无缺，因为此幻灯片具有响应性和完美性！!!!

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

1 个答案: