CSS 100% de la hauteur avec un positionnement haut en bas 0 0

J'ai récemment trouvé un site qui a utilisé un div avec la position absolue, et le haut, à gauche, à droite et en bas toutes les valeurs à 0. Cela a créé un 100% élevé en, 100% de largeur de la div. Je suis maintenant en utilisant ce que bien, et je me demandais si il n'y a aucune raison de ne pas?

Il fonctionne vraiment bien, c'est une solution simple, et de l'autre j'ai été en utilisant a eu un bug, je ne pouvais pas fixer. L'application que je suis en utilisant ce pour ne devrait tous prendre de la fenêtre du navigateur, et n'a jamais besoin d'être plus grand.

Je pense qu'il y a certains problèmes avec position: absolute; sur des appareils mobiles (certainement l'iPhone, à partir de mes propres expériences de navigation). Mais je ne suis pas entièrement sûr si il n'y a aucune véritable raison contre elle. Tant que vous traitez avec le overflows correctement.
Ressemble à Twitter Bootstrap est en utilisant la même technique dans le Carrousel ainsi réglage haut et en bas à 0 pour la gauche et la droite carrousel-contrôles.

OriginalL'auteur Brandon Wamboldt | 2011-02-21

  1. 19

    Je suis maintenant en utilisant ce ainsi, et a été
    vous vous demandez si il n'y a aucune raison de ne pas
    ?

    Cette technique fonctionne fantastiquement dans les navigateurs modernes - il n'y a aucune raison de ne pas l'utiliser.

    (à moins que vous vous souciez vraiment des vieux navigateurs (IE5/6?), qui ne prennent pas en charge réglage top et bottom ou left et right sur le même élément)

    Voici une réponse Je l'ai écrit plus tôt aujourd'hui, qui utilise une technique similaire.

    Merci, cette application serait un échec epically dans les navigateurs plus anciens, donc pas besoin de s'inquiéter à ce sujet (C'est un basé sur le web IDE de course Ajax.org ACE comme le principal composant d'édition)
    Est-il possible de le faire fonctionner dans une certaine forme dans les navigateurs plus anciens (c'est aussi travailler dans FF<4?)
    les anciens navigateurs? Il fonctionne même dans IE7. Je ne suis pas certain, mais j'imagine qu'il serait de travailler dans le même Firefox 1.
    juste commenté votre réponse - qui semble comme Android navigateurs ne peuvent pas faire défiler le contenu de cette technique.
    Fonctionne très bien pour les <div>, <a> et d'autres éléments. Mais pas avec <button>

    OriginalL'auteur thirtydot

  2. 5

    Non, c'est bien. Assurez-vous qu'il n'a pas de glitch sur différents navigateurs, en fonction de ce que vous faites. Je vous recommandons de faire une jsFiddle et de le tester sur BrowserLab?

    OriginalL'auteur 0x60