包含iFrame时，页脚未粘贴到页面底部

Question

仅针对单个页面（给定演示链接），我的页脚不会粘在底部。

因为我使用了iframe并且没有将页脚冲到底部。

测试链接：http://wiencoghanaa-001-site1.smarterasp.net/weather

我的CSS代码

.footer {
 bottom: 0;
 height: 210px;
 position: absolute;
 width: 100%;
}

Answer 1

你应该试试这个CSS

#weatherDiv {
    margin-left: 100px;
    min-height: 100%;
   min-height: calc(100vh - 430px);
    background-color: yellow;
}

#weatheriframe {
    border: none;
    padding: 0;
    margin: 0;
    background-color: pink;
   min-height: calc(100vh - 430px);
}

.autoheightWeather {
     min-height: calc(100vh - 430px);
     background: #000;
}

把课程放到这里

<div class="container autoheightWeather"> 

并且CSS删除了BG颜色。