CSS内部容器宽度问题

Question

所以我有一个容器，该容器设置为“width:40% !important”。并且在该容器内部有一个图像，我希望在不使用JavaScript的情况下将该图像设置为大于100％的宽度。这可能吗？

<table class="templateContainer-header">
  <tr>
    <td>
      <img src="url">
    </td>
  </tr>
</table>

所以templateContainer-header设置为40％！重要，宽度方面，img设置为100％！重要的是，当我将图像的宽度增加到100％以上时没有效果

此外，样式通过roadie gem

内联

Answer 1

它应该像@thirtydot指出的那样工作。只需使宽度比容器宽，它应该可以工作。

但是，如果您处于自适应页面，那么您的图片可能都设置为max-width: 100%;。在这种情况下，您必须在此特定图片中设置max-width:none，因此它将会溢出容器，不要缩小以适应它。类似于.img-container img {max-width: none;}。

查看它应如何运作的示例：http://cdpn.io/plhGe