Wie setze ich css max-left oder min-left Position auf das absolute Objekt?

Habe ich ein element mit:

position:absolute;
left: 70%;

kann ich konfigurieren element zum Beispiel nicht bewegen Sie sich von Links mehr als 900px?
sowas wie max-width, aber für die Positionierung?

Kommentar zu dem Problem
Sie können nicht tun Sie dies nur mit CSS. Müssen Sie einige JavaScript/jQuery an die Links-offset auf einen max-Wert. Ohne zu sehen, wie Sie element interagiert mit Ihnen layout, es ist schwer zu schlagen. Kommentarautor: Marc Audet

InformationsquelleAutor der Frage zur4ik | 2013-06-24

  1. 24

    Können Sie CSS3 Media Queries zu erreichen, dass

    Also:

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

    Wenn Sie nicht möchten, dass es ein overlay-Objekt, wenn Sie einen kleineren Bildschirm oder in der Größe verändern
    Fenster, Sie können hinzufügen, danach:

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

    Wenn die Bildschirmbreite ist kleiner als 980px, wird die #element Objekt wird fest auf 220px.

    InformationsquelleAutor der Antwort Uxio

  2. 4

    Der einzige Weg, dies zu tun mit CSS ist, entfernen Sie die absolute Positionierung und float nach rechts.

    Legen Sie eine leere "pusher" div, schwebte nach Links. Geben Sie eine Breite von 70% und einem min-Breite von 900px; Dann schweben Ihr element daneben.

    Sonst werden Sie haben, Javascript zu verwenden.

    InformationsquelleAutor der Antwort BBagi

  3. 2

    Alternativ können Sie auch wickeln Sie das absolut positionierte element mit einem relativ positionierten element, das hat eine min-width.

    InformationsquelleAutor der Antwort matthijs koevoets

Schreibe einen Kommentar