height = "100％"は<object>で動作しますが、<img>では動作しません。違いはHTMLとCSSの幅/高さのプロパティですか？

Question

私は2つのコードを持っていますが、高さ= 100％の使用が画像上でのみ機能する理由はわかりません。それ以外の場合は何もせず、コンテンツは最小の高さを選択します オブジェクトはイメージを無視しますがイメージは無視します。

<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> 

さらに、width = height ... height = "..."のhtmlでは、widthとheightプロパティが必要です。これらはhtmlでサポートされているからですか？ ありがとう！

Answer 1

<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: absoluteはその後height: 100%はうまく動作します。

なぜ<img src="images/test.png" width="90%" height="90%">が機能するのは、画像の高さと幅がHTML5なので、なぜですか。 <img src="images/test.png" style="width: 90%; height: 90%;">を使って同じことを達成できます。これは今はCSSです。