在css中使用float时,jqGrid的标题变得很大[英] jqGrid header becomes big when using float in css

本文是小编为大家收集整理的关于在css中使用float时,jqGrid的标题变得很大的处理方法,想解了在css中使用float时,jqGrid的标题变得很大的问题怎么解决?在css中使用float时,jqGrid的标题变得很大问题的解决办法?那么可以参考本文帮助大家快速定位并解决问题。

问题描述

我有一个JQGrid显示完美.

然后,我开始开发基本的站点布局结构并陷入问题:JQGrid的标题非常巨大! :)

这是 Screenshot .

页面的结构:

<div id="sidebar1" />
<div id="sidebar2" />
<div id="centralpart">
    <div id="jqgrid">....</div>
</div>

和CSS:

#sidebar1 {
  float: left;
  width: 150px;
  padding: 10px 10px;
}

#sidebar2 {
  float: right;
  width: 300px;
  padding: 10px 10px;
}

#centralpart {
  margin: 0 300px 0 150px;
  text-align: center;
}

我发现由于浮子而破裂了:一旦我删除它们,JQGrid的标头又回到了正常的大小(尽管布局的其他部分被弄乱了;))

)

我还注意到,浮子标头完全按右侧栏的高度横向横向下降,因此看起来它试图浮动它...

我还试图通过将
放在JGGRID之前清除浮标,但这将其转移到了侧栏以外的页面底部,这不是我想要的.

我只对CSS/html/jqgrid采取第一步,所以我会错过一些非常明显的东西: - )

推荐答案

首先,在我看来,您必须将#centralpart的值修复到以下

#centralpart {
    margin: 0px 320px 0px 170px;
    text-align: center;
    background-color:red
}

要解决您的主要问题,您应该设置Titelbar Div div.ui-jqgrid-titlebar明确的height:

div.ui-jqgrid-titlebar {
    height: 16px;
}

您可以在上看到本文地址:https://www.itbaoku.cn/post/565144.html