2017-12-31 52 views
0

Ich habe zwei Codes und ich weiß nicht, warum die Verwendung von Höhe = 100% nur auf Bild funktioniert? in anderen Fällen tut es nichts und der Inhalt wählt die minimale Höhe das Objekt ignoriert es aber nicht das Bild.height = "100%" funktioniert mit <object> aber nicht mit <img>, Unterschied HTML vs CSS width/height Eigenschaft?

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

Und plus, Warum Breite und Höhe Eigenschaft Werke in html ohne style = "...", aber andere wie min-height es braucht. Ist es nur weil HTML diese unterstützt? Danke!

+2

'min-height' ist eine' css-Eigenschaft' und 'width' und' height' sind 'css' Eigenschaften und Attribute des' html' Elements siehe [hier] (https: // developer.mozilla.org/en-US/docs/Web/HTML/Attributes) für die vollständige Liste. –

+0

oh, also im Grunde ist es nur die gleiche Eigenschaft Name, aber machen sie das gleiche? weil ich jetzt die Breite auf 100% ändern kann funktioniert es aber nicht Höhe, warum? Ich dachte, dass sie auf die Größe der Eltern abhängen – DoupDoup

+0

ja, es hängt von Elternteil ab, worüber ich sprach, ist, warum Sie nicht Min-Höhe als Attribut des Bild-Tags verwenden können, –

Antwort

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> 

Alternativ, wenn Sie verwenden position: absolute dann height: 100% gut funktionieren.

Warum <img src="images/test.png" width="90%" height="90%"> funktioniert, weil Höhe und Breite HTML5 Eigenschaften für Bilder sind. Sie können dasselbe erreichen, indem Sie <img src="images/test.png" style="width: 90%; height: 90%;"> verwenden, jetzt ist dies CSS.

+0

oh ich verstehe, ich werde es versuchen! danke für Ihre Hilfe ! – DoupDoup

Verwandte Themen