c# - Web アプリケーションにパネルを配置する Visual Studio 2012

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を変更するだけです。