原理求解；关于style[left]
我在面板里添加（N1S211001是个按钮ID）代码行53 N1S211001.Style["style"] = "left: 200px; position: relative;top:100px"; top属性生效 left属性不生效
但是如果在这行上加一段代码在行52；N1S211001.Style.Add("left", "100px");这时候，后面添加的52行代码 left属性生效且left的生效值是100px，更改53行的left属性无效。但更奇葩的来了，把53行改为N1S211001.Style["style"] = "position: relative;top:100px"; top属性也无效了
问题相关代码，请勿粘贴截图
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
//using System.Windows.Forms;
namespace WebApplication2
{
public partial class Site1 : System.Web.UI.MasterPage
{
static string str1 = "aa";
static Panel DyPanel1;
Button N1S211001 = new Button();
static byte Numx = 0;
public struct ManuModeData
{
int DeviceControlNo;//手动设备号
short ManuModeTaskNo;//手动任务号
int ManuModeFindAdr;//手动目的 地址
bool LocalControl;//控制设备号
bool Direction;//方向
bool InserTask;//插入任务
}
public struct ControlData
{
int DeviceNo;//当前设备号
short LocalTaskNo;//当前设备任务号
int LocalFindAdr;//当前设备目的地址
byte DeviceStatus;//当前设备状态
byte DeviceClolor;//当前设备颜色
}
//指定控件属性
protected void Page_Load(object sender, EventArgs e)
{
ControlData Num1ControlData;
}
protected void Num1_Click(object sender, EventArgs e)
{
//Dynamic11.InnerText = "sss";
//Ph1.Controls.Clear();
Panel1.Controls.Clear();
N1S211001.Text = "111";
Panel1.Controls.Add(N1S211001);
N1S211001.Style.Add("left", "200px");//这个就是问提描述里的52行
N1S211001.Style["style"] = "left: 200px; position: relative;top:100px";//这个就是问提描述里的53行
//N1S211001.Style["offsetLeft"]= "100px";
}
}
}
就是这个图片里的111按键
运行结果及报错内容
我的解答思路和尝试过的方法
我想要达到的结果
欢迎各位指点哈
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="WebApplication2.Site1" %>
<style type="text/css">
.auto-style1 {
width: 100%;
}
.auto-style2 {
width: 116px;
}
.auto-style3 {
width: 116px;
height: 22px;
}
</style>
<div>
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div id="div1">
<img src="/img/Login.gif" width='20' height='20'/>
<a class="navbar-brand" id="LoginId" runat="server" href="/ASP/UserControl.aspx">用户管理
</a>
<br />
<br />
<ul id="ul1" class= "hen" runat="server">
<li><a runat="server" href="~//ASP/DynamicDisplay.aspx">动态显示</a></li>
<li><a runat="server" href="~//ASP/Help.aspx">实时报警</a></li>
<li><a runat="server" href="~//ASP/Connect.aspx">历史报警</a></li>
<li><a runat="server" href="~//ASP/Help.aspx">操作指南</a></li>
<li><a runat="server" href="~//ASP/Connect.aspx">联系方式</a></li>
</ul>
</div>
<div id="div2">
<br /><br /><br /><br />
<table id= myTable class="auto-style1" aria-readonly="True" runat="server">
<tr>
<td class="auto-style2">
<asp:Button ID="Num1" runat="server" Height="49px" Text="Num1" Width="114px" OnClick="Num1_Click" />
</td>
<td rowspan="19" id="Dynamic11" runat="server">
<%--<asp:PlaceHolder ID="Ph1" runat="server"></asp:PlaceHolder>--%>
<asp:Panel ID="Panel1" runat="server" Height="515px" >
<asp:Label ID="Label1" runat="server" Text="请选择盘柜号"></asp:Label>
</asp:Panel>
</td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style3"></td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
<tr>
<td class="auto-style2"> </td>
</tr>
</table>
<br />
<br />
</div>
</form>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>