ASP.Net中的运行时问题

Question

我是ASP.NET新手，我刚刚设计了一个小型网站。虽然在设计时我将控件正确放置，但在运行时控件显示重叠。我看过源视图，左边和上边的值都很好。看看这些屏幕截图：

在设计时：

在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>

如果你想在元素之间增加间距，可以添加一些边距填充。