Asp.net CSS可以'；t正确对接右侧面板_Asp.net_Css

Asp.net CSS可以'；t正确对接右侧面板

asp.net css

Asp.net CSS可以'；t正确对接右侧面板,asp.net,css,Asp.net,Css,我是ASP和CSS的新手，所以这个问题，我不怀疑，对很多人来说是非常基本的我试图创建一个网页，左边有一个面板，右边有一个面板，中间有主要内容我的标记如下所示- <body> <div id="Header"> <a id="A1" runat="server"></a> </div> <div id="LeftPanel"> This is my LeftPane

我是ASP和CSS的新手，所以这个问题，我不怀疑，对很多人来说是非常基本的

我试图创建一个网页，左边有一个面板，右边有一个面板，中间有主要内容

我的标记如下所示-

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

现在，我的LeftPanel根据需要显示在屏幕的左侧，而我的MainContent则显示在LeftPanel的右侧（同样按计划）。但是，由于一些原因，我无法计算出我的右面板显示在屏幕的左侧以及左面板和主内容分区的下方

我很确定这会很简单，但正如我所说，我对ASP和CSS非常陌生。

添加

float: left;

至#主内容和#右侧面板

我还想知道，这是否有点太多：宽度：1000px

添加

float: left;

至#主内容和#右侧面板

我还想知道，这是否有点太多：宽度：1000px

我以前曾尝试过浮动：在MainContent和RightPanel中都是left，但没有效果。但是，当我再次添加它们并尝试你的建议，减少#main content width时，它起了作用！！非常感谢。但是，如果用户减小窗口的大小，面板将再次显示在彼此下方。当用户缩小窗口尺寸时，如何固定面板，使其保持在原位？您需要这样的外部div（您必须调整正确的宽度，仅举一个例子）：这是我的LeftPanel主要内容这是我的RightPanel我以前尝试过浮动：在#MainContent和#RightPanel中都是left，但这没有帮助。但是，当我再次添加它们并尝试你的建议，减少#main content width时，它起了作用！！非常感谢。但是，如果用户减小窗口的大小，面板将再次显示在彼此下方。我如何修复面板，以便在用户减小窗口大小时它们保持在原位？您需要这样一个外部div（您必须调整正确的宽度，仅举一个例子）：这是我的LeftPanel主要内容这是我的RightPanel