Question

我想水平放置面板，但是当我拖动面板时，它们会在前一个面板的下方或内部。

如何防止这种情况发生？我是Visual Studio的新手，所以我不知道该怎么做。

Answer 1

在标记上你可以这样做：

<div>
    <asp:Panel ID="leftPanel" runat="server" Style="float: left; width: 50%">
        Left Panel
    </asp:Panel>
    <asp:Panel ID="rightPanel" runat="server" Style="float: right; width: 50%">
        Right Panel
    </asp:Panel>
</div>

这只是一个样本。将样式移动到单独的css文件总是好的。如果你使用设计师设计东西，很难维护。

将样式移动到css：

<强> CSS：

.leftPanel
{
    float: left;
    width: 50%;
}
.rightPanel
{
    float: right;
    width: 50%;
}

<强>标记：

<div>
    <asp:Panel ID="leftPanel" runat="server" CssClass="leftPanel">
        Left Panel
    </asp:Panel>
    <asp:Panel ID="rightPanel" runat="server" CssClass="rightPanel">
        Right Panel
    </asp:Panel>
</div>

稍后如果你想改变某些东西，你可以改变css。

Visual Studio 2012将面板放置在Web应用程序中

1 个答案: