图像宽度与父元素相同？

Question

我有一个图像，我需要最大宽度作为其父元素。

使用此代码，图像显示宽度为600px。我需要图像的宽度等于400px，即使图像的自然宽度为600px。

我该怎么做？

<div style="width: 400px">
   <table>
    <tr><td>
      <img widht="600" ..../>
   </td></tr>
  </table>
</div>

我有这个css：

table, img
{max-width:100%}

Answer 1

 img{  width: 100%; }

会把你排除在外。 这将“扩展”图像宽度与包含元素的大小。

Answer 2

摆脱width中的img属性。然后使用max-width:100%进行跟进，并且应该这样做。

Answer 3

如果你只关心parent-img关系，你就不需要一张桌子......在这种情况下..

See this fiddle

HTML

<div>
   <img src='http://www.mibz.com/wp-content/uploads/2009/10/tesla-model-s-large-3.jpg' />
</div>

CSS

div{
    width:200px;
}
img{
    max-width:100%;
}