ASP.Net 中的运行时问题

Question

我是 ASP.NET 中的 Web 开发新手，我刚刚设计了一个小型网站。虽然在设计时我的控件放置正确，但在运行时控件出现重叠。我已经看到源视图，left 和 top 的值都很好。看看这些屏幕截图：

在设计时：

在 Chrome 和 IE 中运行时：

在 Mozilla 中：

我在源代码视图中的文本框代码：

<asp:TextBox ID="TextBox1" runat="server" 
    style="z-index: 1; left: 102px; top: 339px; position: absolute"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server" 
    style="z-index: 1; left: 247px; top: 327px; position: absolute"></asp:TextBox>
<asp:TextBox ID="TextBox3" runat="server" 
    style="z-index: 1; left: 248px; top: 360px; position: absolute"></asp:TextBox>

可能有一个简单的解决方案，但由于我是新手，请告诉我必须做什么。

Answer 1

我会重新组织您的标记。你可以试试：

<div style="position: absolute; left: 102px; top: 327px;">
    <div id="left_column" style="float:left">
        <asp:TextBox ID="TextBox1" runat="server" />
    </div>
    <div id="right_column" style="float: left; margin-left: 15px;">
        <asp:TextBox ID="TextBox2" runat="server" />
        <asp:TextBox ID="TextBox3" runat="server" />
    </div>
</div>

如果您希望元素之间有更多间距，请添加一些边距和内边距。