2013-10-04 3 views
0

그래서 컨테이너가 있고 해당 컨테이너가 'width:40% !important'으로 설정되어 있습니다. 그리고 그 컨테이너 안에는 이미지가 있고 그 이미지를 JavaScript를 사용하지 않고 100 %보다 큰 너비로 설정하고 싶습니다. 이것이 가능한가?CSS 내부 컨테이너 너비

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

그래서 templateContainer 헤더는! 40 %, 중요 폭이 많다는 설정하고 IMG는 100 %로 설정되어있다! 중요한 것은, 아무런 효과가없는 나는 100 % 이상에 이미지의 폭을 증가 할 때

또한, 스타일은 roadie 보석

+1

물론 그것이 가능''예를 들어 :

는 그것이 작동하는 방법의 예를 참조하십시오. 그렇게 간단하지 않아서 당신이 요구하는 것이 될 수 없기 때문에 더 구체적이어야합니다. – thirtydot

+0

하하. 나는 그것을 시도하고 어떤 이유로 이미지가 과거 100 % 확장되지 않았다. – Drew

답변

1

@thirtydot는 지적이 일을해야 비아 - 줄 지어있다. 너비가 컨테이너보다 넓어지면 작동합니다.

그러나 당신이 응답 페이지에 있다면, 기회는 이미지가 감소 할 모든이 특정 이미지에 max-width:none을 설정해야합니다이 경우 max-width: 100%;로 설정, 그래서 용기를 오버 플로우하고 있음이다 그것을 맞추기. .img-container img {max-width: none;}과 같은 것입니다. http://cdpn.io/plhGe