【问题标题】:Offset div element in Asp.net c#Asp.net c#中的偏移div元素
【发布时间】:2014-03-12 21:38:05
【问题描述】:

大家好,所以我有一个 div 滑块元素我试图放入,但是我似乎根本无法抵消它,我的代码是这样的:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="StyleSheet.css" rel="stylesheet" />


    </asp:ContentPlaceHolder>
    <style type="text/css">
        .auto-style2 {
            width: 277px;
            height: 150px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
     <div>
          <div class="Navbar">
           <div class="Log">
           <ul>
                  <li><a href="#">Login</a></li>
                  <li><a href="#">Register</a></li>  
           </ul>
       </div>
    </div>
         <div class="Header">
            &nbsp;<%-- <div id="boxtest">
                <input id="Textbox" type="text" name="test"/>
            </div> --%><img alt="gmaa" class="auto-style2" src="GMAA%20Logo%20Large%20Resized.png" />
             <div class="nav">
                 <ul>
                <li><a href="#">Parents</a>

                </li>
                <li><a href="#">Providers</a>

                </li>
                <li><a href="#">About Us</a>

                </li>
                <li><a href="#">Faqs</a>

                </li>
                <li><a href="Applicants.aspx">Applicants</a>

                </li>
            </ul>
             </div>
         </div>
       <div class="slider">
    <img src="GMG%20Logo%20Large%20slider.jpg"  border="0" alt="GMG"/>
    <img src="GMAA%20Logo%20Large%20slider.png" border="0" alt="GMAA" />
    <img src="GMRC%20Logo%20Large%20Slider.png" border="0" alt="GMRC"/>
</div>

    </form>
    </div>
</body>

</html>

现在从我的 css 看来一切都应该工作,因为我之前移动了一个 div 内的元素,但现在它根本不工作?,有没有人有任何提示,这里也是滑块元素的 css :

div.slider {
   width:1000px;
   height:541px;
   overflow:hidden;
   margin:auto;
   left:-50px;
}

【问题讨论】:

    标签: c# html asp.net css visual-studio-2013


    【解决方案1】:

    简单地说,...为了在其父元素中定位一个div,使父元素位置:相对;

    <div style="position:relative; height:500px; width:100%;">
        <div style="position:absolute; left: 60px; top:60px; width:10px; height:10px;">
            absolute
        </div>
    </div>
    

    接下来...为什么不研究一下支持这个开箱即用的 JS 库。?

    【讨论】:

      猜你喜欢
      • 2012-06-29
      • 1970-01-01
      • 2018-03-25
      • 1970-01-01
      • 2011-02-12
      • 2017-08-11
      • 1970-01-01
      • 2013-03-07
      • 1970-01-01
      相关资源
      最近更新 更多