如何在没有滚动条的情况下扩展底部分区以填充页面

Question

我希望我的徽标适合，然后我的导航适合，然后下面的图片适合页面底部而没有滚动条。如果我调整图像大小，那么我希望分区内的图片改变大小而不是上面的其他分区。我该怎么做？

这是我的网站： http://recordspreservation.org/index2.html

Answer 1

这样的事情怎么样：

＆＃13;

＆＃13;

html, body {
  height: 100%;
}

header {
  height: 30%;
  background-color: #eee;
}

img {
  display: inline-block;
  height: 70%;
}

＆＃13;

<header>
  <h1>Title</h2>
</header>


<img src="http://www.planwallpaper.com/static/images/colorful-triangles-background_yB0qTG6.jpg"/>

＆＃13;

＆＃13;

＆＃13;