css - CSS内部容器宽度问题

Question

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

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

所以templateContainer-header设置为40%！important，width-wise，img设置为100%！important，当我把图片的宽度增加到大于100%没有效果

此外，样式通过roadiegem内联

score 1 · Accepted Answer

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

但是，如果您在响应式页面中，则您的图像可能都设置为max-width: 100%;。在这种情况下，您必须max-width:none在此特定图像中进行设置，因此它将溢出容器并且不会被缩小以适应它。类似的东西.img-container img {max-width: none;}。

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

1 回答 1