So verwenden Sie die CSS-Bottom-Eigenschaft-Front-End-Fragen und Antworten-php.cn

So verwenden Sie die CSS-Bottom-Eigenschaft

藏色散人

Freigeben： 2019-05-29 13:55:52

Original

3136 Leute haben es durchsucht

Die CSS-Eigenschaft „Bottom“ wird verwendet, um den unteren Rand des Elements anzugeben. Diese Eigenschaft definiert den Versatz zwischen der unteren Randgrenze des positionierten Elements und der unteren Grenze seines enthaltenden Blocks. Wenn der Wert der Eigenschaft „position“ „statisch“ ist, hat das Setzen der Eigenschaft „bottom“ keine Auswirkung.

So verwenden Sie die CSS-Bottom-Eigenschaft

Wie verwende ich das CSS-Bottom-Attribut?

Funktion: Das untere Attribut gibt den unteren Rand des Elements an.

Beschreibung: Dieses Attribut definiert den Versatz zwischen der unteren Randgrenze des positionierten Elements und der unteren Grenze seines enthaltenden Blocks. Wenn der Wert der Eigenschaft „position“ „statisch“ ist, hat das Setzen der Eigenschaft „bottom“ keine Auswirkung.

Hinweis: Alle gängigen Browser unterstützen das Bottom-Attribut. Der Attributwert „inherit“ wird in keiner Version von Internet Explorer (einschließlich IE8) unterstützt.

Beispiel für die Verwendung des CSS-Bottom-Attributs

<html>
<head>
<style type="text/css">
img.ex1
{
position:absolute;
bottom:0px;
}
img.ex2
{
position:relative;
bottom:-100px;
}
</style>
</head>
<body>
<img  class="ex1" src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="So verwenden Sie die CSS-Bottom-Eigenschaft" >
<h1>This is a heading</h1>
<img  class="ex2" src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" / alt="So verwenden Sie die CSS-Bottom-Eigenschaft" >
</body>
</html>

Nach dem Login kopieren

Effektausgabe:

So verwenden Sie die CSS-Bottom-Eigenschaft

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Bottom-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!