0

当以下标记呈现时，菜单呈现为topMainMenu高度为 51 的表格。当我删除蓝图样式表时，topMainMenu呈现高度为 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 以下。我该怎么办？

4

1 回答 1

0

这应该覆盖您的蓝图 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">
于 2010-11-25T19:16:40.450 回答