css - 需要 div 布局足够灵活,以便在需要时展开

标签 css html

我正在将我的应用程序从 WPF 移植到 HTML/Javascript,但在我的应用程序所需的布局方面遇到了问题。

此布局应占据整个可用屏幕。它实际上将被放入一个 jquery ui 选项卡中,因此从技术上讲,它不会是整个屏幕的菜单、 Logo 和选项卡。我已经让其中的一部分开始工作,但不是全部。

左侧将有一个自定义的滑动 map ,我希望它在水平和垂直方向上占用尽可能多的可用空间。

右侧将在顶部和底部有一些过滤器,中间显示过滤器的结果。结果可能会很长,因此如果从 Web 服务器中提取了太多内容,则需要垂直滚动。

我需要的只是支持它的基本布局。任何帮助,将不胜感激。你可以在下面看到我的布局图。提前致谢!

layout needed

最佳答案

在那个 div 中,添加 style="max-width: 350px; overflow-y: scroll;"

关于css - 需要 div 布局足够灵活,以便在需要时展开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15077393/

相关文章:

java - JTidy 保留 CSS 规则

java - JSF SelectOneRadio 按钮无法禁用

html - fieldset 中的两个图例

javascript - 无法将ajax成功的结果设置为mvc中的div html

css 最小高度属性在 Mozilla 或 ie7 中不起作用

css - 如何为我的网站对齐这些文本框?

html - Dreamweaver HTML - 列高

javascript - 如果 "they don' t 适合,我如何让图像填充 100% 的 div"

html - DIV Contenteditable展开问题

html - 带有 clipPath 的 div 的单击事件在 angular.js 中不起作用