我只是在寻找一些关于克隆网站的方法的建议。为了提高我的CSS技能，我发现了一个我基本上想要复制的网站，以便习惯CSS语法等。
对于包装器内的div，我给它们的宽度都是100％，包装器的总高度是100vh。在所有div之间，我试图“近似”每个div的高度 - 这意味着我是手动完成的。在我添加图像（从网站上拍摄）并将其插入到div图像之前，它看起来很好。这导致只有一部分图像显示在div内，显然我的高度近似是不对的。意思是我必须给它更多的高度，而其他人则减少高度以使其工作。显然，这不是一个好方法，并希望有人建议一个更好的方法。
{{1}}
CSS
{{1}}
答案 0 :(得分：0)
height: auto;
只需添加此css
即可答案 1 :(得分：0)
您可以将background-size:contain添加到#image属性列表中，以使背景图像完全适合容器，或使用background-size:cover使其完全覆盖容器。
如果您使用contain，您可能还想使用background-position: center center之类的内容将其放置在div的中间位置。
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
https://developer.mozilla.org/en-US/docs/Web/CSS/background-position