Wie kann ich das überschreiben einer übergeordneten element die Polsterung von einem Kind

Ich habe einen UL geschachtelt innerhalb eines DIV -, mit dem DIV mit padding auf "0 20px". Ich hätte gerne dieses eine Kind UL überlauf über das übergeordnete DIV und erstrecken sich auf die Seite Links und rechts. Wie kann ich dies tun?

InformationsquelleAutor Nathan | 2010-11-08

  1. 6

    wenn Sie möchten, dass die UL zu erweitern, aus der div-container, dann müssen Sie die UL haben eine absolute position. Vergessen Sie nicht, stellen Sie die oberen und linken Stile zu bekommen, die UL ist nicht dicht gegen die DIV position absolute nicht gehorchen den Container div-Polsterung

    Ich habe es als absolute, mit der linken als 0, aber jetzt ich kann nicht erhalten die Elemente unter, die es zu stoppen einwickeln. Muss ich style Sie, oder fügen Sie in ein spacer-div?
    dies wird geschehen, wenn ein element wird absolut nur vorstellen, dass es da knallen aus auf eine neue Ebene über dem Inhalt, sondern verankert ist, das element unten mit der linken und top-Attribute. Wenn Sie wissen, was Ihre navigation auf der Höhe sein wird, dann können Sie die Höhe und den Platz an, auf dem div padding-top. Aber wenn deine navigation ist dynamisch und kann sich ändern, in der Höhe und Sie haben den Inhalt unter die navigation dann die absolute Positionierung ist nicht der Weg zu gehen. Wenn Sie eine demo-URL oder code zu zeigen, ich könnte raten beste Weg nach vorn
    Der Inhalt dynamisch ist, aber ich habe es herausgefunden, ganz einfach. Ich kann Vorhersagen, die Größe des Inhalts durch php, so dass ich übergeben, die Größe, um ein spacer-div und es hält alles sah sehr schön aus. Vielen Dank für die Hilfe. 🙂

    InformationsquelleAutor Brady

  2. 13

    Wenn Sie nur versuchen, um den offset des padding für die div -, vielleicht könnten Sie erreichen, dass, indem Sie etwas wie dies in der UL:

    margin:0 -20px;
    Schon versucht, ich konnte es rest auf der linken Seite, aber es war ein Raum auf der rechten Seite. Ich habe versucht, das hinzufügen margin und padding auf der rechten Seite, und konnte es nicht schließen.
    Dies wird einfach nicht funktionieren. Wenn Sie ein element auf 100% Breite und Sie versuchen, Sie zu verwenden, um entfernen Sie die Polsterung von allen Seiten, es wird nicht auf die Breite des Elements größer ist, und Ihr immer noch eine Lücke.

    InformationsquelleAutor Carson

  3. 4
    .full-width {
   width: 100vw;
   position: relative;
   left: 49%;
   right: 49%;
   margin-left: -50vw;
   margin-right: -50vw;
}

    https://css-tricks.com/full-width-containers-limited-width-parents/

    InformationsquelleAutor lotav

  4. 1

    Es funktioniert in der folgenden Weise:

    #parent {
position: relative; /* important */
padding: 0 25px;
}


#child {
position: absolute; /* important */
width: 100%;
margin-left: -25px;
}
    Funktioniert dies nicht.

    InformationsquelleAutor alex29

Schreibe einen Kommentar