Heim > Web-Frontend > CSS-Tutorial > Wozu dient das absolute Attribut im CSS-Positionsattribut?

Wozu dient das absolute Attribut im CSS-Positionsattribut?

怪我咯
Freigeben: 2017-06-22 10:20:07
Original
3466 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:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage