CSS内部容器宽度问题

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

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

所以templateContainer头被设置为40％！重要的是，宽度方向，和IMG被设置为100％！重要的是，有没有效果时，我提高了图像的宽度大于100％

而且，样式是通过roadie宝石

2013-10-04 Drew

当然这是可能的，''例如。这似乎很简单，它不可能是你要求的，所以你需要更具体。 – thirtydot

哈哈。我试过，出于某种原因，图像没有超过100％ – Drew

它应该作为@thirtydot指向内衬。只要宽度比容器宽，它应该工作。

但是，如果你在一个响应页面的时候，有机会，你的图像都被设置为max-width: 100%;在这种情况下，你必须设置max-width:none在这个特定的图像，所以它会溢出的容器，而不是减少以适应它。类似.img-container img {max-width: none;}。

看到它如何工作的一个例子：http://cdpn.io/plhGe

2013-10-04 00:28:38

回答