2017-12-31 222 views
0

私は2つのコードを持っていますが、高さ= 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> 

さらに、width = height ... height = "..."のhtmlでは、widthと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

はい、それは私が話していたことについては、画像タグの属性としてミニの高さを使用することができない理由は親に依存する –

答えて

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

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

+0

ああ私はそれを得る、私はそれを試してみよう!ご協力いただきありがとうございます ! – DoupDoup

関連する問題