如何在datagrid上面加个div

逆光影者

项目上要求要在开头加个标题图片, 如图所示

然后我在代码上加了个标题, 如图, 然后切换页面的控件间消失了, 然后我查了好久, 才发现原来是被挤到下面去了,

之后我把高度设为90%, auto如图, 可是总会有各种空余, 并且项目要求要自适应各种大小窗口, 然后


然后我后台的代码加在了fui-toolbar里是这样



可样式却变成了这样, 调了好久, 加了这些东西
<style>
.mini-grid-pager{
        position:absolute;
        left:0;
        right:0;
        bottom:0;
}
.mini-panel-viewport.mini-grid-viewport{
height:100% !important;
}
.mini-panel-border.mini-grid-border{
height:100% !important;
}
.mini-panel.mini-grid.mini-datagrid{
position:absolute;top:0;bottom:60px;
}
</style>

可事实上却好像破坏了空间的结构, 小屏幕上滑动条显示不出来

felt

这这是一个页面布局的事情，
你把页面打开发上来，我给你调整一下。

逆光影者

felt 发表于 2018-4-17 17:06
这这是一个页面布局的事情，
你把页面打开发上来，我给你调整一下。

你看看能不能打开, 因为页面还有很多css,js没上传, 主要就是加个标题图片

逆光影者

felt 发表于 2018-4-17 17:06
这这是一个页面布局的事情，
你把页面打开发上来，我给你调整一下。

调不好也没关系,

felt

逆光影者 发表于 2018-4-17 18:03
调不好也没关系,

跑不起来，你试试加下清除浮动看一下<div style="clear:both" ></div>

逆光影者

felt 发表于 2018-4-18 12:11
跑不起来，你试试加下清除浮动看一下

通过其他的方式解决了

.fui-toolbar{
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}

        <!-- 条件区域 -->
        <div class="fui-toolbar" style="height:82px ">
                <!-- 标题 -->
            <div class="form-title bg" style="float:none">
                        <span">认证登记中心</span>
                </div>
                <div class="btn-group mr10 >
                </div>
        </div>