HTML/CSS : making map 100% height for any monitor

Question

所以我有这张 map ，我正在尝试配置它，以便它采用它显示的任何监视器的高度:

http://www6.luc.edu/test/cabplan/maps/index2.html

所有 CSS 都在文件中，我尝试了 height 100%(完全删除它)，我尝试了 position absolute(将 map 扔到顶部横幅上)，我尝试了 min-height 和 height 100%(它只需要最小高度)。我不确定我做错了什么。

同样在代码中， map 显示它是 895 x 400，这很奇怪，因为它看起来不像 895 像素，我使用 Firebug 增加它向左增长，但我无法向左移动 map 。我试过 float left, margin 0, margin-left 0 但没有任何反应。

有人可以帮我修改 HTML/CSS 吗？

Answer 1

看看这个线程: Resize div on browser resize

请确保您也将 body 和 html 设置为 100% 高度。

在涉及页脚的情况下，您需要将 bottom 属性设置为页脚的高度。