Πώς να κάνετε ένα div 100% ύψος του παραθύρου του προγράμματος περιήγησης

Έχω μια διάταξη με δύο στήλες - μια αριστερή div και μια δεξιά div.

Το δεξιό div έχει γκρι background-color και θέλω να επεκτείνεται κάθετα ανάλογα με το ύψος του παραθύρου του προγράμματος περιήγησης του χρήστη. Αυτή τη στιγμή το background-color τελειώνει στο τελευταίο κομμάτι του περιεχομένου σε αυτό το div.

Δοκίμασα height:100%, min-height:100%, κλπ.

Peter Mortensen
Επεξεργασμένη ερώτηση Κάνε Ιούλιος 2019 в 11:32
Προγραμματισμός
html css height
Κάνε Οκτώβριος 2009 в 9:18
12 προβολές

Εάν είστε σε θέση να τοποθετήσετε απόλυτα τα στοιχεία σας,

position: absolute;
top: 0;
bottom: 0;

θα το έκανε.

Ry-
Επεξεργασμένη απάντηση Κάνε Μάιος 2014 в 11:33
Σχόλια (2)

Δεν αναφέρετε μερικές σημαντικές λεπτομέρειες όπως:

  • Είναι η διάταξη σταθερού πλάτους;
  • Είναι μία ή και οι δύο στήλες σταθερού πλάτους;

Εδώ είναι μια πιθανότητα:

Igor Ivancha
Επεξεργασμένη απάντηση Κάνε Φεβρουάριος 2016 в 12:29
Σχόλια (0)

Προσθέστε min-height: 100% και μην καθορίσετε ύψος (ή βάλτε το σε auto). Αυτό έκανε απόλυτα τη δουλειά για μένα:

.container{     
    margin: auto;
    background-color: #909090;
    width: 60%;
    padding: none;
    min-height: 100%;
}
James Donnelly
Επεξεργασμένη απάντηση Κάνε Οκτώβριος 2013 в 4:32
Σχόλια (0)