css – jqGrid中的大头

我一直在使用新的剃刀视图引擎摆弄asp.net mvc 3.

我的目标是在每列中使用固定流体2列布局和jqGrid.我虽然没有运气！只要我向右栏添加一个网格,它的标题就会变得很大.我不认为它的jqGrids错误,因为如果我删除样式,两个网格都按预期显示.

我看到jqGrid的css将display：block作为ui-helper-clearfix类的一部分应用于头部.

任何人都有任何建议让这个工作或其他固定流体css我可以尝试(我尝试了一堆模板从网上没有运气)？

...       <style type="text/css">           
            #left { float: left; width: 400px;}
            #content { margin-left: 400px;}               
        </style>
</head>
<body>
            <div>
                <div id="left">                
                    @RenderSection("SPTreeGrid")
                </div>
                <div id="content">
                    @RenderSection("ClientPickerGrid")
                </div>                         
           </div>
</body>

更新：

我的页面实际上需要在左侧显示固定宽度的2个网格,在右侧显示流畅的网格.

这是我的CSS的一个问题(我仍然不知道为什么)但我最终使用以下布局工作(轨道是左栏)：

#container{
overflow:hidden;
padding-left:400px; /* The width of the rail */
}
* html #container{
height:1%; /* So IE plays nice */
}
#content
{   
width:100%;
border-left:400px; /* The width and color of the rail */
margin-left:-400px; 
float:right;
}
#rail{
width:400px;
float:left;
margin-left:-400px;
display:inline; /* So IE plays nice */
}

CSHTML：

<div id="container">
    <div id="content">
        @RenderSection("ReportGrid")
    </div>
    <div id="rail">           
            @RenderSection("SPTreeGrid")           
            @RenderSection("ClientPickerGrid")           
    </div>
</div>

解决方法

虽然Oleg的建议确实修正了标题的高度,但它并不构成一个解决方案 – 至少如果你想让正确的div变为液体并扩展到浏览器窗口的宽度,则至少不会.问题是,为了在右边的网格容器上使用float：left,你必须指定一个宽度.浮动元素必须具有与之关联的显式宽度(如果不是,则它们采用其中最宽元素的宽度).

一个适用于我的解决方法是将浮动的高度设置为小(1px)并为该div的内容设置显式高度.

我创建了一个jsFiddle example来说明问题和解决方法.

css – jqGrid中的大头

解决方法

猜你在找的CSS相关文章