javascript - 在页面加载原型(prototype)上设置容器的最小高度

好的，所以我尝试使用原型动态设置页面加载时容器的最小高度，以便页面正确显示。我的页眉和页脚的高度等于345px，因此我尝试将主容器div的最小高度设置为页面加载时窗口的内部高度减去这些尺寸，因此即使这些fiv中没有​​内容的页面也将正确显示。到目前为止，这是我尝试过的：

document.observe("dom:loaded", function() {
    var minHeight = window.innerHeight;
    minHeight -= 345;
    $('main-container').style.minHeight = minHeight;
});

和：

document.observe("dom:loaded", function() {
    var minHeight = window.innerHeight;
    minHeight -= 345;
    $('main-container').setStyle({
        minHeight : minHeight
    });
});

我知道脚本会通过document.observe函数中的警报在页面加载时触发，但它不会增加高度或引发任何错误。有任何想法吗？

编辑

感谢@Andrew的回答，我还为用户调整大小并认为我要共享时添加了以下代码：

Event.observe(window, 'resize', function() {
    var minHeight = window.innerHeight;
    minHeight -= 345;
    $('main-container').setStyle({
        'min-height' : minHeight+'px'
    });
});

最佳答案

minHeight : minHeight应该是'min-height' : minHeight+'px'