Question

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org>     
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Ryan Merl's Portfolio</title>
 <style type='text/css'>
 .dataBold{
float:left;
padding:10px 0 0 80px; 
font-weight:bold;
  }
  .dataContact{ 
    height: 1%; 
    padding:10px 0 0 170px; 
    position:absolute;
   } 
   .data1{ 
    height: 1%; 
    padding:10px 0 0 550px; 
    position:absolute;

   } 


   .dataBold1
   {
            float:right;
        padding:10px 0 0 450px; 
        font-weight:bold;
        text-align: right;
        position:absolute;
    }



   </style>

   </head>
   <body>

   <div class="dataBold">
   <asp:Label ID="lblOffice" runat="server" Text="Office"/>  
   </div>
   <div class="dataContact">
   <asp:TextBox ID="txttitle" runat="server"></asp:TextBox>
   </div>
   <div class="dataBold1">
   <asp:Label ID="lblRegion" Text="Region"  runat="server"></asp:Label>
   </div>
   <div class="data1">
   <asp:DropDownList ID="ddlRegion" runat="server"></asp:DropDownList>
   </div>

   </body>
   </html>

现在问题是，当我点击文本框名称txttitle .....光标没有关注文本框....所以，我不能写在文本框...

Answer 1

如下所示替换正文中的Tag编码，然后重试。

       <form runat="server" >
       <div class="dataBold">
        <asp:Label ID="lblOffice" runat="server" Text="Office"/>  
       </div>
       <div class="dataContact">
        <asp:TextBox ID="txttitle" runat="server"/>
       </div>
       </form>

Answer 2

问题在于你的绝对定位元素，以及你使用左边填充样式定位它们的事实。

这意味着您的区域<select>控件实际上显示在其他所有内容上，并阻止您单击文本框。

如果你看看这个http://jsfiddle.net/jVQQS/6/这是你的HTML和Css。了解背景颜色如何显示html的实际层次。您将需要更新您的html / css，而不是使用绝对定位的元素，或更改元素的定位方式。

这是一个示例，说明如何使其正常工作http://jsfiddle.net/jVQQS/11/

asp.net中Div的问题

2 个答案: