Heim > Artikel > Web-Frontend > So fügen Sie div unten in HTML ein
So platzieren Sie ein Div am Ende von HTML: 1. Verwenden Sie das Positionsattribut, um das Div-Tag relativ zum Browserfenster zu positionieren, indem Sie die Syntax „div{position:fixed;}“ verwenden. 2. Legen Sie den Abstand zum fest unten auf 0, um das Div für immer zu positionieren. Am Ende der Seite platziert, lautet die Syntax „div{bottom:0;}“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
HTML setzt das Div unten
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body{
height: 500px;
background: palegoldenrod;
}
div{
border: 1px solid red;
position:fixed;
bottom:0;
}
</style>
</head>
<body>
<div>测试文本测试文本测试文本测试文本测试文本测试文本测试文本</div>
</body>
</html>Rendering:
Feste Positionierung (position:fixed;)
fixed generiert feste Positionierungselemente, die vom Dokumentenfluss getrennt sind und nicht Den Dokumentfluss besetzen. Die Position kann als über dem Dokumentfluss schwebend und relativ zum Browserfenster verstanden werden.
Wenn Sie im Ebenenmodell eine feste Positionierung festlegen möchten, müssen Sie position:fixed; festlegen und das Browserfenster direkt als Referenz für die Positionierung verwenden. Die Position des Elements wird nicht angezeigt Scrollen Sie mit der Bildlaufleiste des Browserfensters, sofern Sie nicht die Bildschirmposition des Browserfensters auf dem Bildschirm verschieben oder die Anzeigegröße des Browserfensters ändern. Fest positionierte Elemente befinden sich immer irgendwo in der Ansicht innerhalb des Browserfensters wird durch den Fluss des Dokuments nicht beeinflusst.
(Teilen von Lernvideos: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo fügen Sie div unten in HTML ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!