comment mettre les css max-gauche ou min-gauche de la position absolue de l'objet?

J'ai un élément avec:

position:absolute;
left: 70%;

puis-je configurer de l'élément par exemple à ne pas se déplacer de gauche plus de 900px?
quelque chose comme max-width mais pour le positionnement?

  • Vous ne pouvez pas le faire uniquement à l'aide de CSS. Vous avez besoin d'un peu de JavaScript/jQuery pour définir le décalage gauche à une valeur max. Sans voir comment vous élément interagit avec vous la mise en page, il est difficile de proposer quoi que ce soit.
InformationsquelleAutor zur4ik | 2013-06-24
  1. 27

    Vous pouvez utiliser CSS3 Media Queries pour atteindre cet

    Donc:

    #element {
  position:absolute;
  left: 70%;
}

    Si vous ne voulez pas qu'elle superposition d'un objet lorsque vous avez un petit écran ou de la redimensionner
    de la fenêtre, vous pouvez ajouter, après que:

    @media all and (max-width: 980px) {
    #element{
        margin-left: 0px;
        left: 220px;
    }
}

    Lorsque la largeur de l'écran est inférieure à 980px, le #élément objet sera fixé à 220px.

    InformationsquelleAutor Uxio
  2. 4

    La seule façon de le faire avec du CSS est de supprimer le positionnement absolu, et flotter vers la droite.

    Mettre un vide "pusher" div, flottait à gauche. Lui donner une largeur de 70%, et un min-width de 900px; Puis flotter votre élément à côté d'elle.

    Sinon, vous devrez utiliser du Javascript.

    InformationsquelleAutor BBagi
  3. 2

    Vous pouvez aussi envelopper la position absolue de l'élément à une position relative de l'élément qui a un min-width.

    InformationsquelleAutor matthijs koevoets