代码之家  ›  专栏  ›  技术社区  ›  ProfK

蓝图修复菜单高度

  •  0
  • ProfK  · 技术社区  · 14 年前

    当下列标记呈现时,菜单呈现为表 topMainMenu 身高51。当我删除Blueprint样式表时, TopMain菜单 渲染高度为20,我认为是最小值。

    <head runat="server">
        <title></title>
        <link rel="stylesheet" type="text/css" href="Styles/Blueprint/screen.css" />
        <script src="<%# ResolveUrl("~/Scripts/jquery-1.4.4.js")%>" type="text/javascript"></script>
    </head>
    <body>
        <form id="form" runat="server">
        <div class="prepend-1 span-22 last">
            <asp:Menu ID="topMainMenu" runat="server" DataSourceID="mainMenuDataSource" Orientation="Horizontal" Width="100%" Height="16px">
                <StaticMenuStyle Height="10px" BackColor="Navy" />
            </asp:Menu>
        </div>
        </form>
    </body>
    

    我的印象是蓝图在这个场景中对任何高度都没有影响。当然CSS重置不起作用 ? 我尝试过的任何样式都不能将菜单高度缩小到51以下。我能做什么?

    1 回复  |  直到 14 年前
        1
  •  0
  •   Ish    14 年前

    这将覆盖您的蓝图css

    <div class="prepend-1 span-22 last" style="height:20px;line-height:20px;">
    

    或者

    <style>
    .adjustHeight {
        height:20px; line-height:20px; margin:0; padding:0;
    }
    </style>
    <div class="prepend-1 span-22 last adjustHeight">