Largeur du conteneur interne CSS Problème

J'ai donc un conteneur et ce conteneur est défini sur 'width:40% !important'. Et il y a une image à l'intérieur de ce conteneur et j'aimerais que cette image soit définie sur une largeur supérieure à 100% sans JavaScript. Est-ce possible?Largeur du conteneur interne CSS Problème

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

Alors templateContainer-tête est fixé à 40%! Important, sens de la largeur, et img est réglé à 100%! Important, il n'y a pas d'effet quand j'augmenter la largeur de l'image à plus de 100%

en outre, les styles sont alignés en travers la pierre précieuse roadie

Source

2013-10-04 Drew

Bien sûr, il est possible, '' par exemple. Cela semble tellement simple que cela ne peut pas être ce que vous demandez, alors vous devez être plus précis. – thirtydot

Haha. J'ai essayé cela et pour une raison quelconque, l'image n'a pas dépassé 100% – Drew

Il devrait fonctionner comme @thirtydot pointu. Juste faire la largeur plus large que le conteneur et cela devrait fonctionner.

Mais si vous êtes dans une page réactive, il est probable que vos images soient toutes réglées sur max-width: 100%; Dans ce cas, vous devrez définir max-width:none dans cette image spécifique, de sorte qu'il débordera du conteneur et ne sera pas réduit pour l'adapter. Quelque chose comme .img-container img {max-width: none;}.

Voir un exemple de la façon dont il devrait fonctionner: http://cdpn.io/plhGe

Source

2013-10-04 00:28:38

Largeur du conteneur interne CSS Problème

Répondre

Questions connexes