jede Position bezogenes Problem dann sehen Sie diesen Link Sie schnelle Lösungen erhalten haben.
http://learnlayout.com/position.html
Fixe
Ein festes Element relativ zu dem Bildfenster positioniert ist, die es bedeutet immer bleibt an der gleichen Stelle auch wenn die Seite gescrollt wird. Wie bei relativ werden die Eigenschaften top, right, bottom und left verwendet.
Ich bin sicher, dass Sie dieses feste Element in der unteren rechten Ecke der Seite bemerkt haben. Ich gebe dir die Erlaubnis, jetzt darauf zu achten.Hier ist die CSS, die es dort setzt:
.fixed {
position: fixed;
bottom: 0;
right: 0;
width: 200px;
background-color: white;
}
relativ
relativ gleich wie statisch verhält, wenn Sie einige zusätzliche Eigenschaften hinzufügen.
.relative1 {
position: relative;
}
.relative2 {
position: relative;
top: -20px;
left: 20px;
background-color: white;
width: 500px;
}
absolute
absolute die trickiest Positionswert. absolute verhält sich wie festgelegt, außer relativ zum nächsten positionierten Vorfahren und nicht relativ zum Ansichtsfenster. Wenn ein absolut positioniertes Element keine positionierten Vorfahren hat, verwendet es den Dokumentkörper und bewegt sich immer noch mit dem Seitenscrollen. Denken Sie daran, ein "positioniertes" Element ist eines, dessen Position alles außer statisch ist.
Hier ist ein einfaches Beispiel:
.relative {
position: relative;
width: 600px;
height: 400px;
}
.absolute {
position: absolute;
top: 120px;
right: 0;
width: 300px;
height: 200px;
}
funktioniert gut mit mir. Auch wenn die Autowerte für oben und links nicht zwingend sind. Was ist das Problem? Welchen Browser benutzen Sie zum Testen? – gregseth