css - Viewport 100% height 不是 div 100% height,为什么?

标签 css height

这是页面:http://benoitjacquesdesigner.com/intro_fra1.php

在这个页面上,在 FF mac 上,左边的菜单一直向下延伸到底部(如果屏幕是 1000x715),一切都滚动......我很高兴

在 PC 上,它只是视口(viewport)的 100% 高度,或者不是 div 高度的 100%。我想知道将什么添加到我的 css 中以永久修复此问题。我想要 #wrapper 的 100% #menu 高度

提前致谢

最佳答案

#wrapper div 对我来说是 100% 而不是视口(viewport),我在 Windows 上使用 Firefox 15.1,哪个版本是你在说话吗?顺便说一句,你正在使用 html5 所以总是使用这个..

html, body {
   height: 100%;
}

我也看到了

#menu {
    height: 100%;
    min-height: 100%;
}

所以只需使用上面的其中一个,不需要同时指定两者..

关于css - Viewport 100% height 不是 div 100% height,为什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12947208/

相关文章:

jquery - 如何使用 Bootstrap 在一行中制作我的 Logo 、搜索栏和图标?

javascript - 如何使用条件为 'IF' 的按钮更改具有功能的 DIV 的背景颜色

css - 打开图像的宽度/高度(图库)

ios - 高度和 maxY、宽度和 maxW 之间有什么区别?

fonts - 对于 Chrome,元素的垂直对齐需要多 10px

image - 从 DRUPAL 7 上的图像中删除宽度和高度属性

javascript - 递增最大/最小高度 : of a div?

html - 将 asp.net 的共享布局转换为 html

html - Bootstrap 可以做些什么来防止网站内容在更宽的浏览器宽度下移动?

javascript - 重新制作涂鸦 Accordion table