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

回答