我有一個包裝周圍的圖像:如何製作與圖片內容相同寬度的包裝?
<div class="wrapper">
<img class="image" src="image.jpg"/>
</div>
這裏是css
:
wrapper {
backgroundImage: `url(image.jpg)`,
backgroundSize: contain,
display: block,
padding: 0px,
position: relative,
height: auto,
width: 100%
}
image {
border: 0px,
height: auto,
left: 0px,
opacity: 0,
padding: 0px,
position: absolute,
top: 0px,
width: 100%
}
爲什麼wrapper
不能拉伸,相同的寬度裏面的image
?我如何使這項工作,並保持image
和wrapper
響應?
如果這就是你要求的,父母不會擴大以適應子女的寬度。如果這不是一個規則,佈局會打破(他們這樣做,因爲IE6得到了這個規則錯誤... http://www.positioniseverything.net/explorer/expandingboxbug.html) –