Όταν δουλεύουμε με HTML και τα φύλλα του στυλ CSS Υπάρχουν φορές που το συμπεριφορά από τα στοιχεία της σελίδας που σχεδιάζουμε είναι πολύ Τι μπορεί να πιστεύετε θα ήταν το σωστό πράγμα. Σε αυτές τις περιπτώσεις, Έχουμε ότι μας βυθίσει Διαδίκτυο να ερευνήσει και να ρωτήσετε για να δώσει με το δυνατό λύση που μπορεί να λύσει το πρόβλημά μας.
Στην περίπτωση αυτή, Ας μιλήσουμε για την συμπεριφορά που τους έχουν Στοιχεία HTML Όταν αντιστοιχίσετε ένα αναπλήρωση. Ας υποθέσουμε ότι έχετε ένα στοιχείο div με ένα προεπιλεγμένο πλάτος και ύψος, είναι ήδη σε εικονοστοιχεία ή ποσοστό, που έχουν δώσει μια άκρη να απεικονίσετε καλύτερα τις διαστάσεις του:
Όπως μπορείτε να δείτε για την CSS ετικέττα, Αυτό το δοχείο έχει μια Πλάτος του ένα 75% και ένα ύψος του 100 εικονοστοιχεία.
Τώρα, Εμείς θα αναθέσουμε σε αναπλήρωση του 20 εικονοστοιχεία σε κάθε πλευρά:
Μπορούμε να δούμε ότι, τώρα, το κοντέινερ παρουσιάζει ένα αναπλήρωση καθιστώντας το κείμενο για το διαχωρισμό των άκρων, Επιπρόσθετα όμως, το έχει αυξηθεί το μέγεθος του δοχείου, δηλαδή, τώρα έχει ύψος και το πλάτος της 40 περισσότερα εικονοστοιχεία λόγω της αναπλήρωση που έχει αντιστοιχιστεί σε καθεμία από τις πλευρές.
Για να αποφευχθεί αυτό, Χρησιμοποιούμε την ιδιότητα μέγεθος κουτιού κοντέινερ, να κάνει έτσι το μέγεθος του ίδιου περιλαμβάνουν επίσης σας αναπλήρωση. Για να γίνει αυτό, Έχουμε αναθέσει απλώς την αξία μέγεθος κουτιού: σύνορα-box στο CSS, και παίρνουμε το παρακάτω αποτέλεσμα:
Με αυτόν τον τρόπο, το δοχείο θα κρατήσει το αναπλήρωση ανατεθεί, του 20 εικονοστοιχεία, χωρίς αύξηση της τους Διαστάσεις definidas con anterioridad.
Αυτό που ακριβώς για να δείξει, παρουσιάζεται επίσης με εκείνα τα στοιχεία Είσοδος αυτών των μορφών, Τι κάνει ότι, να τους ταιριάζει το σχεδιασμό που επιθυμείτε, Θα πρέπει να έχουμε ένα κομμάτι της δεξιοτήτων.
Θα Προσθέστε ένα στοιχείο Είσοδος του Πληκτρολογήστε κείμενο να το Κωδικός που έχουν ήδη, και θα ρυθμίσετε το Είσοδος με ένα Πλάτος από το 100% από το γονικό κοντέινερ, και ένα αναπλήρωση του 5 εικονοστοιχεία για τα άνω και κάτω πλευρές, και 10 εικονοστοιχεία για δεξιά και αριστερά.
Τι θα συμβεί? Για τη νέα μας στοιχείο Είσοδος έξω από τις διαστάσεις από το γονικό κοντέινερ, έχοντας θέσει ακόμα ένα πλάτος του ένα 100%. Πώς να φτιάξω? Διότι παρομοίως να όπως κάναμε με τον περιέκτη, Θα να αντιστοιχίσετε τον το κατάλυμα μέγεθος κουτιού με την τιμή σύνορα-box:
Ιδού! Εδώ βλέπουμε ως χρησιμοποιώντας το το κατάλυμα μέγεθος κουτιού και την ανάθεση σε αυτόν της τιμή σύνορα-box, Μπορούμε να το κάνουμε το Στοιχεία HTML η ιστοσελίδα μας είναι ταιριάζουν απόλυτα, σε μέγεθος, σε αυτές τις αξίες που έχετε αντιστοιχίσει, αποφυγή que estos μεγαλώνουν Όταν να αντιστοιχίσετε κάθε είδους αναπλήρωση με την ίδια.
