Ho provato ad utilizzareCome posso fare in modo che div assuma l'altezza dello schermo?
height: 100%
ma questo rende il div solo alto come il suo contenuto - è solo contiene una sola parola di testo.
Come posso forzare il div a utilizzare l'altezza dello schermo?
È necessario che gli elementi body e html abbiano l'altezza 100%.
provare il seguente CSS:
html, body {
margin: 0;
padding: 0;
height: 100%;
}
YourDivSelector {
height: 100%;
}
Il margin e padding deve essere impostato su 0 per impedire scorrimento automatico in Firefox.
Questo ha fatto il trucco. –
È possibile ottenere la larghezza e l'altezza della finestra using JavaScript e quindi utilizzare tali valori per impostare l'altezza e la larghezza di div, in base alle esigenze.
forse
min-height:100%;
quello che stai cercando di fare esattamente? invia ulteriori informazioni e ti possiamo aiutare di più
È necessario impostare tutti i contenitori che contengono il div in altezza: 100%, compresi i tag body e html.
Questo era quello di cui avevo bisogno ma ho dato a SLaks il tag di risposta perché il suo è venuto prima del tuo. Grazie! –
È inoltre necessario impostare html e body to height: 100%;
html,body{height:100%}
Si può solo significato utilizzare height = 100% se l'altezza del suo elemento di contenimento è definided. Il 100% di cosa? nessuna altezza se definita ovunque. Puoi usare javascript per ottenere l'altezza della finestra corrente (come accennato in precedenza), o specificare un'altezza specifica di 800 px o qualunque valore. : D
Si prega di inviare il codice HTML e CSS. –