Float:Left n'est pas supprimé avec media query

Je suis à l'aide du Flotteur dans mon CSS, mais je veux l'annuler si l'utilisateur est sur un petit écran.
Mon CSS avec les médias de la requête fonctionne bien, sauf que le "float:left" la propriété est toujours en vigueur, même après avoir déclaré qu'il ne doit pas être utilisé:

/* floating some buttons */
#n2, #n3 {
  float:right;
}

/* but this is not removing the float: */
@media only screen and (min-width : 150px) and (max-width : 780px) {
  #n2, #n3 {
    clear: both !important;
  }
}

Comment puis-je postuler "float" seulement dans certaines circonstances?

Vous avez besoin d'utiliser float: none à la place.
Où en êtes-vous de les retirer, je ne peux pas voir que, partout, la compensation de la flotte n'est pas la même que la réinitialisation de la propriété float.
Merci, j'étais pas au courant de "float:none" !

OriginalL'auteur Kokodoko | 2014-02-10

  1. 12

    Comme je l'ai noté dans le commentaire, quand vous allez retirer le float, vous devez définir la valeur de none:

    /* but this is not removing the float: */
@media only screen and (min-width : 150px) and (max-width : 780px) {
  #n2, #n3 {
    float: none;
  }
}

    JSBin Démo

    OriginalL'auteur Hashem Qolami

  2. 6

    Répondre
    :

    @media only screen and (min-width : 150px) and (max-width : 780px) {
      #n2, #n3 {
        float:none;
      }
    }

    Explication:

    Vous devez définir la float:none pour réinitialiser le float:left

    OriginalL'auteur Magesh Kumaar