简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Wozu dient das absolute Attribut im CSS-Positionsattribut?

怪我咯
Freigeben： 2017-06-22 10:20:07
Original
3419 Leute haben es durchsucht

CSS-PositionierungParameter: Position, links, rechts, oben, unten

Parameterbeschreibung:
absolut Parameter werden verwendet, um die Positionierungsmethode des Blocks anzugeben. Oben, unten, links und rechts geben die oberen, unteren, linken und rechten Koordinaten des Blocks an.
Parameterwertbeschreibung.

  • absolut:Absolute Positionierung

  • fest: feste Positionierung

  • relativ: relative Positionierung

  • statisch: statische Positionierung

Beispielcode:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>示例网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.c1{
    width:200px;
    height:150px;
    line-height:75px;
    text-align:center;
    border:1px solid #909;
    position:absolute;
    top:50px;
    left:50px;
}
</style>
</head>
<body>
<div class="c1">
本方块宽200px,高150px，绝对定位于上边50px,左边50px
</div>
</body>
</html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWozu dient das absolute Attribut im CSS-Positionsattribut?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
css position
Quelle：php.cn
Vorheriger Artikel：Im CSS-Positionsattribut: So verwenden Sie fest Nächster Artikel：Detaillierte Erläuterung der Positionierungsattributposition: relativ und absolut
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie würden Sie die Kartenfunktion in gestalteten Komponenten verwenden, um Daten zu verarbeiten? Ich übe die Verwendung der Kartenfunktion. Ich habe eine JSON-Datei erstellt und möchte al...
Aus 2024-03-30 18:06:00
0
1
378
Wie füge ich mit „react-chartjs-2.js' Text in ein Donut-Diagramm ein? So fügen Sie mit „react-chartjs-2.js“ und Typescript Text in ein Donut-Diagramm ein, wenn ...
Aus 2024-03-30 15:14:29
0
1
371
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！