div包裝器如何與img尺寸一起生長？

Question

div wrapper如何與img尺寸一起生長？

<div style="width:900px;"> 
    <div style="width:100%;"> 
     <div>some text......</div> 
     <img src="<?php echo $imageSrc; ?>"/> 
     <div>some text......</div> 
    </div> 
</div> 

由於

Answer 1

塊默認情況下佔用了父母的整個寬度（減去邊距，邊框和填充寬度）​​，所以100%並沒有真正做任何事情。

你似乎在尋找的是'shink-to-fit'行爲，父母的寬度由孩子決定。爲了得到這一點，你必須用其他的東西比普通的靜態定位，之一：

• float: left，也許後面是clear;
• position: absolute;
• display: inline-block（清潔但歷史不太好支持）;
• 表。

在每種情況下沒有明確的width。

Answer 2

取下包裝的寬度;這樣它就可以擴展到其內容所需的任何寬度。 100％的寬度現在等於div的父元素的寬度。

Answer 3

將div添加到padding:1px也可以完成這項工作，以防你對1px填充很好。