0

私は ASP と CSS に慣れていないので、この質問は多くの人にとって非常に基本的なものに思えます。

左側にパネル、右側にパネルがあり、その間にメイン コンテンツがある Web ページを作成しようとしています。

私のマークアップは次のようになります-

 <body>
    <div id="Header">
        <a id="A1" runat="server"></a>
    </div>
    <div id="LeftPanel">
        This is my LeftPanel</div>    
    <form id="form1" runat="server">
    <div id="MainContent">
        <asp:ContentPlaceHolder ID="cpMainContent" runat="server">
        </asp:ContentPlaceHolder>
    </div>
    <div id="RightPanel">
        This is my RightPanel</div>
    </form>
</body>

レイアウトの詳細を提供する別の CSS ファイルがあります。

#LeftPanel
{
    margin-left: 100px;  
    margin-top: 50px;
    margin-right: 25px;
    border-width: 1px;
    border-style: ridge;
    border-color: rgb(0, 165, 240);
    width: 200px;
    height: 500px;
    float: left;
}

#MainContent
{
    color: Black;
    margin-left: 120px;  
    margin-top: 50px;
    margin-right: 25px;
    width: 1000px;
    height: 500px;
}

#RightPanel
{    
    margin-top: 50px;
    border-width: 1px;
    border-style: ridge;
    border-color: rgb(0, 165, 240);
    width: 200px;
    height: 500px;
}

これで、LeftPanel が必要に応じて画面の左側に表示され、MainContent が LeftPanel の右側に表示されます (これも計画どおりです)。ただし、理由がわかりませんが、RightPanel が画面の左側、LeftPanel および MainContent 部門の下に表示されます。

簡単なものになると確信していますが、前述したように、私は ASP と CSS に非常に慣れていません。

4

1 に答える 1

3

追加

float: left;

#MainContent および #RightPanel へ

これが少し多すぎるかどうかも疑問に思っています: width: 1000px;

于 2013-06-28T11:25:54.720 に答える