Heim > Artikel > Web-Frontend > So verwenden Sie die CSS-Bottom-Eigenschaft
So verwenden Sie die CSS-Bottom-Eigenschaft
- 藏色散人Original
- 2019-05-29 13:55:523134Durchsuche
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.
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>Effektausgabe:
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!