html - 获取背景图像以填充超出视口(viewport)的div

Question

即使您必须向下滚动到视口(viewport)下方，我如何才能让该网站左侧的图像完全填充 div？

http://anjanettetodd.com/

现在我正在使用这段代码...

html, body{
    height: 100%;
    margin: 0;
    padding: 0;
}


div.left {
     float: left;
     width: 45%; 
     background-image: url('img/anjanettetodd.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
     } 

Answer 1

添加 position: fixed; 来固定左侧的 div，您可以在其中向下滚动到右侧的 div。所以它看起来不错并且滚动不会显示空白