Heim  >  Artikel  >  Web-Frontend  >  CSS-Attribute relative Positionierung, absolute Positionierung, feste Positionierung

CSS-Attribute relative Positionierung, absolute Positionierung, feste Positionierung

不言
不言Original
2018-05-03 14:49:432330Durchsuche

Dieser Artikel stellt hauptsächlich die relative Positionierung, die absolute Positionierung und die feste Positionierung von CSS-Attributen vor. Jetzt kann ich ihn mit Ihnen teilen

Positionierung

1. 相对定位(position:relative)
    即相对于自己原先的位置定位,当盒子移动之后,原先的位置依然在存在
2. 绝对定位(position:absolute)
    默认是以body为基准定位,如果父级设置为相对定位之后,子元素的绝对定位就会以父级为起点.    定位之后能够设置框高
3.  固定定位(position:fixed)
    即相对于游览器定位,永远固定在用户的可视范围内
4. 定位方向冲突
    水平冲突(即left和right都设置),先执行left的设定
        垂直冲突,值执行top的设定.

                                                                                               

Das obige ist der detaillierte Inhalt vonCSS-Attribute relative Positionierung, absolute Positionierung, feste Positionierung. 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