Maximale Größe von img

Question

Also arbeite ich an etwas und ich versuche, ein Bild-Tag zu erstellen, das in einem anderen div ist. Das Problem ist, ich schreibe

.container { 
 
    padding: 0; 
 
    margin: 0; 
 
} 
 

 
.container img { 
 

 
    padding: 0px; 
 
    margin: 0px; 
 
    width: 100%; 
 
    height: 100%; 
 

 
}

<div class='container'> 
 

 
    <img src='https://www.clarkson.edu/_site_support/background_image_banks/images/tor_images/studcnt_4128800003.jpg' alt='A problem occured'> 
 

 
</div>

Aber es gibt immer noch Raum vor dem Rand. Ich habe auch versucht, Padding auf 0 und Margen auf 0 zu setzen, aber immer noch nichts.

Answer 1

Geben Sie Körper Marge als 0px;

body { 
    margin: 0px; 
} 

Answer 2

eine Reset-Datei oder Struktur in css Verwenden Sie die Werte auf einen definierten Standard festlegen und Browser nicht erhalten lassen. Eine der Reset-Dateien, die ich verwendet habe, ist von hier http://meyerweb.com/eric/tools/css/reset/. Der Körper hat in diesem Fall einen Rand von 8px, und da kein Box-Sizing definiert ist, beeinflusst er die Breiten. Versuch das.

Answer 3

des Schwimmers Attribut Set des zusätzlichen Raum, um loszuwerden:

div img { float: left } 

Aber über die Größe des Bildes Sie im Auge haben müssen, dass, wenn die Breite/Höhe des div als Prozentsatz festgelegt ist, die innere Element Breite/Höhe kann nicht in Prozent festgelegt werden.

Wenn Sie die Bildbreite/-höhe in Prozent festlegen möchten, müssen Sie die Abmessungen des div in Pixeln angeben.

z.

Dies funktioniert:

div { 
    width: 600px; 
    height: 400px; 
} 
div img { 
    width: 100%; 
    height: 100%; 
} 

Aber das funktioniert nicht:

div { 
    width: 100%; 
    height: 100%; 
} 
div img { 
    width: 100%; 
    height: 100%; 
} 

total, was Sie beide Teile Ihrer Frage zu handhaben müssen, ist so etwas wie dieses:

div { 
    width: 100%; 
    height: 100%; 
} 
img { 
    float: left; /* or right, whatever you'd rather */ 
    display: block; 
} 

Obwohl für einen besseren Vorschlag, Informationen über den Container der div benötigt.

Answer 4

Versuchen Sie diesen Code

body,html{ 
margin:0px; 
padding:0px; 
}