ASP.Net 网页堆叠 xml 文档而不是并排显示，CSS 问题？

Question

我有一个基本的 asp.net 网页。我有一个分为 3 列的菜单栏。每列显示一个 xml 文件。然而，不是并排显示它们，而是将它们一个一个地显示在彼此之上。我认为这可能与我的CSS有关？

我的 ASP.NET 网页代码:

<div class="menubar">

        <div class="menuleft">
            <asp:ContentPlaceHolder ID="menubarleft" runat="server">
            </asp:ContentPlaceHolder>
        </div>

        <div class="menucenter">
            <asp:ContentPlaceHolder ID="menubarcenter" runat="server">
            </asp:ContentPlaceHolder>
        </div>

        <div class="menuright">
            <asp:ContentPlaceHolder ID="menubarright" runat="server">
            </asp:ContentPlaceHolder>
        </div>

        </div>

我的CSS代码:

div.menuleft
{
    float: left;
    width:30%;
    text-align:left;
}

div.menuright
{
    float: right;
    width:30%;
    text-align:right;
}

div.menucenter
{
    float: left;
    width:auto;
    text-align:center;
}

Answer 1

我认为您想对 css 进行以下更改:

div.menuright 应该是 float:left 而不是 right 和 div.menucenter 应具有百分比宽度(宽度:30%)。

希望这有帮助。