div包装器如何用img大小增长？

Question

div包装器如何用img size增长？

<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%实际上没有做任何事情。

你似乎在寻找的是“适合他人”的行为，父母的宽度由孩子决定。要得到这个，你必须使用除正常静态定位以外的东西，其中一个：

• float: left，可能后跟clear;
• position: absolute;
• display: inline-block（干净但历史上不太受支持）;
• 表。

在每种情况下都没有明确的width。

Answer 2

从包装中移除宽度;这样它就会被拉伸到其内容所需的任何宽度。 100％宽度现在等于div的父元素的宽度。

Answer 3

将padding:1px添加到div也可以完成这项工作，以防您使用1px填充。