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填充很好。