JQGrid 标题高度答案

【问题标题】：JQGrid header heightJQGrid 标题高度
【发布时间】：2010-10-19 13:38:29
【问题描述】：

我在 ASP .NET MVC 应用程序中使用 JQGrid。网格本身运行良好。但是，网格（或页面上的第一个网格）的标题高度正在增长以匹配我的左侧导航菜单的高度。这是我拥有的大部分 Site.Master 布局。我只是不明白为什么会这样。

<div class="page">
        <div>
            <div id="left">
                 <div id="leftnavmenu">
                       <%= Html.MvcSiteMap().Menu("MvcSiteMapProvider", "activenav")%>
                </div>

                <div id="leftnav-msg">
                        Message goes here
                </div>
            </div>

            <div id="main">
                <div id="mainsitename">
                    <div id="mainsitenameimage"></div>
                    <div id="mainsitename1">Intake Tool</div>                
                </div> 
                <div id="mainpagetitle">                 
                        <%--<%=Html.MvcSiteMap().SiteMapPath(" &gt; ") %>--%>
                        <asp:ContentPlaceHolder ID="PageTitle" runat="server" />
                </div>

                <asp:ContentPlaceHolder ID="MainContent" runat="server" />

                <div id="maintabledata">
                    <asp:ContentPlaceHolder ID="TableContent" runat="server" />
                </div>

                <div id="footer"></div>
            </div>
        </div>
    </div>

【问题讨论】：

您能否更准确地描述“网格（或页面上的第一个网格）的标题高度正在增长”的问题。我不确定你的意思。图片也会很有帮助。
第二次请求图片...在这种情况下，它可能真的值一千字:)

标签： css asp.net-mvc-2 jqgrid

【解决方案1】：

我假设#left 具有float:left 样式，而#main 没有。这似乎是 jqGrid 的一个错误。 another post 处理完全相同的问题。

我实际上已经创建了一个 jsFiddle example 来说明问题。

在另一篇文章中，Oleg 建议您在两个并排的<div>s 上使用 float:left，在它们之后使用另一个带有 clear:both 的 div。这在我的情况下不起作用，因为我希望正确的 div 扩展到浏览器窗口的整个剩余宽度。浮动的<div>s 必须具有与其关联的显式宽度（如果没有，它们采用其中最宽元素的宽度）。

对我有用的一种解决方法是将浮动<div> 的高度设置为较小的值（1 像素），并为该 div 的内容设置显式高度。这在上面的 jsFiddle 中有说明。

【讨论】：