html - 动态大小的网页设计

标签 html css

过去几个小时我一直在尝试创建一个动态大小的网页设计,但没有成功。

这是我正在尝试做的事情的图片:

enter image description here

基本上,我有一个设置了高度的页眉(在顶部)和页脚(在底部)。我想要它们之间的两个 div,一个菜单和内容区域,它们在页眉和页脚(高度方向)之间动态调整大小。当我调整网站大小时,我希望菜单和内容也调整大小,以便它们仍然适合。如果内容区或菜单中的内容高于实际div,则会出现滚动条(overflow: auto)。

谁能帮帮我?

谢谢

最佳答案

我的多列布局首选:Ultimate multi-column liquid layouts .

关于html - 动态大小的网页设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5544123/

相关文章:

jquery - 替换 jQuery 中的 HTML 实体

javascript - 菜单总是在顶部和水平滚动

javascript - jQuery 触发器 ("click") 不工作

CSS Flex Justify-content 不要将元素推到每个 Angular 落

css 继承问题

javascript - CSS :after working but not when editing from jQuery

html - CSS 图像 flexbox 边距

css - 响应式图像背景尺寸封面

javascript - 如何使用 jquery 显示和隐藏两个独特的部分

html - 是否可以使用 CSS 在父元素的 y 滚动条上显示子元素?