Css 图像宽度是否与父元素相同?

Css 图像宽度是否与父元素相同?,css,Css,我有一个图像,我需要一个最大宽度作为它的父元素 此代码显示的图像宽度为600px。我需要图像的宽度等于400px,即使图像的自然宽度是600px 我该怎么做 <div style="width: 400px"> <table> <tr><td> <img widht="600" ..../> </td></tr> </table> </div> 我会帮

我有一个图像,我需要一个最大宽度作为它的父元素

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

我该怎么做

<div style="width: 400px">
   <table>
    <tr><td>
      <img widht="600" ..../>
   </td></tr>
  </table>
</div>
我会帮你解决的。
这将“扩展”图像宽度和包含元素的大小。

如果只关心父img关系,则不需要表格……在这种情况下

HTML


去掉
img
中的
width
属性。然后使用
max width:100%
进行后续操作,这样就可以了。

I可以工作,但是图像失去了它的比例,因为高度仍然是原始的。我需要根据宽度重新计算高度。同意。问题不在于你没有在CSS中声明大小。问题是我的image元素在fiddle中的代码中具有属性:height like:。可能与
table, img
{max-width:100%}
 img{  width: 100%; }
<div>
   <img src='http://www.mibz.com/wp-content/uploads/2009/10/tesla-model-s-large-3.jpg' />
</div>
div{
    width:200px;
}
img{
    max-width:100%;
}