背景图像无法缩放以适应内部的div

Question

从图片中可以看出，背景图像不会根据其覆盖的div的高度进行缩放。

div是块。

<div style="/* background-size:100%; */background-image: url('http://www.infor.com/furniture/design2014/images/10x-technology.jpg'); margin-top: 50px; margin-bottom: 50px; padding-top: 50px; padding-bottom: 50px;">
<div style="margin-left: 9%; margin-right: 9%;">
<div class="block">

Answer 1

如果您使用背景图片，可以在background-size:cover上添加css 它会将div中的整个区域包裹起来

Answer 2

我认为你的问题是div的浮动元素。你的div的高度没有缩放到浮动元素的底部而不是背景。你必须将“overflow：hidden”设置为父div。