Heim  >  Artikel  >  Web-Frontend  >  CSS-Beispiele für relative Positionierung und absolute Positionierung_CSS/HTML

CSS-Beispiele für relative Positionierung und absolute Positionierung_CSS/HTML

WBOY
WBOYOriginal
2016-05-16 12:11:261668Durchsuche



A: Es ist keine Position festgelegt, die allgemeine Verschachtelungsbeziehung ist
< ; /div>



B: Nur das äußere Div wird relativ festgelegt, allgemeine Verschachtelungsbeziehung
< ;/div>



C: Nur das innere Div ist auf absolut gesetzt, das Dokument ist verschachtelt Beziehung, die Seite Das innere Div ist schwebend [nicht schwebend], relativ zur Seite positioniert und hat nichts mit dem äußeren Div zu tun.




A: Es ist keine Position festgelegt, die allgemeine Verschachtelungsbeziehung ist
< ; /div>



B: Nur das äußere Div wird relativ festgelegt, allgemeine Verschachtelungsbeziehung
< ;/div>



C: Nur das innere Div ist auf absolut gesetzt, das Dokument ist verschachtelt Beziehung, die Seite Das innere Div ist schwebend [nicht schwebend], relativ zur Seite positioniert und hat nichts mit dem äußeren Div zu tun.



D: Das äußere Div ist eingestellt auf relativ, und das innere Div wird auf relativ gesetzt. Das Div wird auf absolut gesetzt, und das innere Div schwebt und wird relativ zum äußeren Div positioniert




D: Das äußere Div ist auf relativ gesetzt, das innere Div ist auf relativ gesetzt und das innere Div ist schwebend und relativ zum äußeren Div positioniert



E: Dies dient der Veranschaulichung Grenzproblem. -10 != 10-Pixel-Abstand umkehren

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
Vorheriger Artikel:Auf Layout_CSS/HTMLNächster Artikel:Auf Layout_CSS/HTML