c# - Visual Studio 2012 在 Web 应用程序中放置面板

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。