Τοποθέτηση Ενδεικτική CSS
- Προηγούμενη Σελίδα Εισαγωγή στη Τοποθέτηση CSS
- Επόμενη Σελίδα Τοποθέτηση Αποκλειστική CSS
Η κουτί του στοιχείου που έχει οριστεί σε τοποθέτηση ενδεικτική θα μετακινηθεί σε κάποια απόσταση. Το στοιχείο θα διατηρήσει τη μορφή του πριν από τη τοποθέτηση, και ο αρχικός του χώρος θα διατηρηθεί.
Τοποθέτηση Ενδεικτική CSS
Η τοποθέτηση ενδεικτική είναι μια ιδιαίτερα εύκολα κατανοητή έννοια. Αν τοποθετήσετε ένα στοιχείο σε τοποθέτηση ενδεικτική, θα εμφανιστεί στη θέση του. Στη συνέχεια, μπορείτε να ρυθμίσετε τη θέση οριζόντια ή κάθετα για να μετακινήσετε το στοιχείο σε σχέση με το σημείο εκκίνησης του.
Αν ορίσετε το top σε 20px, η κουτί θα βρίσκεται 20 pixels κάτω από την αρχική της θέση. Αν ορίσετε το left σε 30 pixels, θα δημιουργηθεί χώρος 30 pixels αριστερά του στοιχείου, δηλαδή θα μετακινήσετε το στοιχείο δεξιά.
#box_relative {
position: relative;
left: 30px;
top: 20px;
}
Ως το εικονικό αυτό παράδειγμα:
Σημείωση: Κατά τη χρήση της τοποθέτησης ενδεικτικής, αν και το στοιχείο μπορεί να μετακινηθεί, διατηρεί τον αρχικό του χώρο. Επομένως, η μετακίνηση του στοιχείου μπορεί να καλύψει άλλες κουτί.
CSS Ενδεικτικός Τοποθέτης
- Τοποθέτηση: Τοποθέτηση Ενδεικτική
- Αυτό το παράδειγμα δείχνει πώς να τοποθετείτε έναν στοιχείο σε σχέση με τη φυσική του θέση.
- Προηγούμενη Σελίδα Εισαγωγή στη Τοποθέτηση CSS
- Επόμενη Σελίδα Τοποθέτηση Αποκλειστική CSS
