请教页面布局问题

gerry · 发表于 2015-10-13 23:41:57

页面采用充满布局，利用panel组件来充满页面，显示效果如下图，存在这两个问题：1） layout的content组件充满页面，下边还有一篇空白区域。怎样才能调整content组件的min-height从而占满所有可用区域？
2）左边那个column的grid组件内容超过一屏是会出现横向和纵向滚动条，通过拉伸浏览器窗口触发resize事件，横向滚动条消失。希望一开始就不要出现横向滚动条。

union · 发表于 2015-10-14 09:59:32

顶~

jishuang · 发表于 2015-10-14 16:22:46

1.用chrome浏览器访问，F12打开开发人员工具，用下面的望眼镜定位一下看看空白是那个组件上的
2.显示不下默认就是要出滚动条的啊

gerry · 发表于 2015-10-14 22:17:13

1.用chrome浏览器访问，F12打开开发人员工具，用下面的望眼镜定位一下看看空白是那个组件上的
下面区域就是空白，没有任何元素。感觉是panel的content组件的min-height计算结果太小了。

2.显示不下默认就是要出滚动条的啊
表格内容没超宽，只是因为显示纵向滚动条导致显示内容超宽，从而导致横向滚动条。
如果通过拉升窗口横向滚动条就消失。感觉是拉伸触发resize事件，从新计算设置了grid的width，使得grid加上纵向滚动条的宽度恰好横向充满，从而避免了横向滚动条。

jishuang · 发表于 2015-10-15 10:09:30

可以看看平台提供的“组织权限——组织管理”功能是这样的现象吗？

gerry · 发表于 2015-10-16 00:08:54

jishuang 发表于 2015-10-15 10:09
可以看看平台提供的“组织权限——组织管理”功能是这样的现象吗？

参考“组织管理”通过使用smartcontainer解决了第一个问题，但是“组织管理”同样有第二个问题。
忘了说明一个情况，我修改过portal的index.w文件和对应的css，把页眉改小了、去掉了页脚。

gerry · 发表于 2015-10-16 00:12:59

组织管理的显示效果

jishuang · 发表于 2015-10-16 11:23:51

我修改过portal的index.w文件和对应的css，把页眉改小了、去掉了页脚
具体修改的什么地方？

gerry · 发表于 2015-10-23 13:43:32

通过修改metronic.min.js搞定了布局问题，可以结题啦，谢谢！

		自动登录	找回密码
密码			注册

[结贴] 请教页面布局问题