Wie IMG machen so breit wie das div-Tag

October 30

IMG und DIV sind HTML-Tags in den Bau von Webseiten verwendet. Das IMG-Tag ruft her ein Bild anhand einer URL, während das DIV-Tag einen Abschnitt innerhalb der HTML-Seite definiert. Die zwei Tags überlappen oft, mit einem IMG-Tag innerhalb eines DIV-Tags. Verwenden Sie Cascading Style Sheets, um ein IMG-Tag Bild so breit wie die DIV-Abschnitt machen.

Anweisungen

1 Richten Sie CSS in einem HTML-Dokument durch das Hinzufügen von Tags < Stil Typ = "Text/Css" > und < / style > zwischen den < Head > und < / Head > Markierungen.

2 Fügen Sie den Selektor IMG {} zwischen den < Stil Typ = "Text/Css" > und < / style > Markierungen. Dies zeigt an den Webbrowser, die Verarbeitung der Seite, dass Sie einen Vorgabestil für das IMG-Tag aufgebaut haben.

3 Füllen Sie die IMG {}-Auswahl mit den folgenden Eigenschaften:

width: 100%; height: 100%; max-width: 100%;

Zusammen, werden diese Eigenschaften sicherstellen, dass das Bild angezeigt, indem alle IMG-Tag haben wird, eine Höhe und Breite, die ihre umschließenden Block--vollständig ausfüllt, die in diesem Fall ein DIV ist.