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

Wozu dient das absolute Attribut im CSS-Positionsattribut?

怪我咯
怪我咯Original
2017-06-22 10:20:073416Durchsuche

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>

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!

Stellungnahme:
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