背景圖片不能縮放以適應divs內部（已解決）

-3

正如您從圖片中看到的，背景圖片不會根據其覆蓋的div的高度進行縮放。背景圖片不能縮放以適應divs內部（已解決）

divs是塊。

enter image description here

<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">

正確答案：「我覺得你的問題是關於div的浮動元素你div的高度不擴展到浮動元素的底部沒有後臺你必須設置」溢出：隱藏「給母公司。」 - 吉汗Tuncer

來源

2015-04-03 Shaunlgs

請添加您的代碼。 – 2015-04-03 09:32:40

我有一種感覺，原因是因爲內部塊被浮動，導致父元素（誰有背景）崩潰。使用[clearfix]（http://nicolas-gallagher.com/micro-clearfix-hack/）方法或「overflow：hidden」。 – Terry 2015-04-03 10:05:20

@特里是的，你是對的。 – Shaunlgs 2015-04-03 12:38:13

裏面我覺得你的問題是關於div的浮動元素。你的div的高度不是縮放到浮動元素的底部而不是背景。您必須將「overflow：hidden」設置爲父div。

來源

2015-04-03 11:54:18

或者如果你正在使用的背景圖片，你可以在css 添加background-size:cover將包裹整個區域的div

來源

2015-04-03 09:34:04 Kumar

背景圖片不能縮放以適應divs內部（已解決）

回答

相關問題