2017-12-31 32 views
0

두 개의 코드가 있는데 높이 = 100 % 사용이 이미지에서만 작동하는 이유를 모르겠습니다. 다른 경우에는 아무것도 수행하지 않고 콘텐츠가 최소 높이를 선택합니다 개체가 이미지를 무시하지만 이미지는 무시합니다.height = "100 %"는 <object>에서 작동하지만 <img>으로는 작동하지 않습니다. 차이 HTML 대 CSS 너비/높이 속성?

<section id="corps"> 
     <object data="images/test.pdf" type="application/pdf" width="100%" height="100%"> 

     </object> 
     <img src="images/test.png" width="90%" height="90%"> 
    </section> 

더하기, 너비와 높이 속성이 style = "..."없이 html로 작동하는 이유는 min-height와 같은 이유입니다. html이 이들을 지원하기 때문인가요? 감사합니다.

+2

'min-height'는'css-property'이고'width'와'height'는'css' 속성이고'html' 요소의'attributes'는 [here] (https : // developer.mozilla.org/en-US/docs/Web/HTML/Attributes)를 참조하십시오. –

+0

오, 근본적으로 단지 같은 속성의 이름이지만 그들은 같은 것을하고 있습니까? 이제 너비를 100 %로 변경할 수 있기 때문에 작동하지만 높이가 아닌 이유는 무엇입니까? 나는 그들이 부모의 크기에 의존한다고 생각했다. – DoupDoup

+0

예 부모님에 따라 내가 말한 것은 이미지 태그의 속성으로 min-height를 사용할 수없는 이유이다. –

답변

0
<style> 
    #corps{ height: Xpx} //replace X with the value that suits you 
    #corps object{height: 100%} //Now you'll get the 100% height 
</style> 

또는 당신이 사용하는 경우 position: absoluteheight: 100%는 잘 작동합니다.

높이와 너비가 이미지의 경우 HTML5 속성이기 때문에 <img src="images/test.png" width="90%" height="90%">이 작동하는 이유는? <img src="images/test.png" style="width: 90%; height: 90%;">을 사용하여 동일한 결과를 얻을 수 있습니다. 이제는 이것이 CSS입니다.

+0

오, 나는 그것을 얻는다, 나는 그것을 시험해 볼 것이다! 당신의 도움을 주셔서 감사합니다 ! – DoupDoup

관련 문제