CSS-Bottom-Eigenschaft
Übersetzungsergebnisse：
bottom
Englisch [ˈbɒtəm]
n. Unten; Ende
vt . Den Grund erreichen; das Fundament bauen
CSS-Bottom-EigenschaftSyntax
Funktion: Das Attribut bottom 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.
CSS-Bottom-EigenschaftBeispiel
<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="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
<h1>This is a heading</h1>
<img class="ex2" src="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" />
</body>
</html>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen