gpt4 book ai didi

.net - asp.net中div的问题

转载 作者:行者123 更新时间:2023-11-28 14:29:05 26 4
gpt4 key购买 nike

<!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 时......光标没有聚焦在文本框上......所以,我无法在文本框中书写......

最佳答案

问题是因为您的绝对定位元素,以及您使用 padding-left 样式定位它们的事实。

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

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

这是您可以采取哪些措施使其正常工作的示例 http://jsfiddle.net/jVQQS/11/

关于.net - asp.net中div的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7579825/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com