Comment puis-je remplacer un parent de l'élément de remplissage d'un enfant

J'ai un UL imbriquée à l'intérieur d'un DIV, avec la DIV ayant rembourrage mis à "0 20px". J'aimerais avoir un enfant UL débordement de cours de la DIV parent et l'étendre sur la page de gauche et de droite. Comment puis-je faire cela?

OriginalL'auteur Nathan | 2010-11-08

  1. 6

    si vous voulez l'UL à élargir au-delà de la div conteneur ensuite, vous devez définir l'UL d'avoir une position absolue. N'oubliez pas de positionner le haut et à gauche de styles pour obtenir l'UL pour ne pas être serré contre le DIV que la position absolue de l'habitude d'obéir à conteneurs div rembourrage

    Je l'ai mis comme absolue, avec la gauche, comme 0, mais maintenant je ne peux pas obtenir les éléments sous l'arrêt de l'emballage jusqu'à. Dois-je avoir un style, ou ajouter une entretoise div?
    ce sera le cas, lorsqu'un élément devient absolue imaginez que sauter sur un nouveau plan au-dessus du contenu, mais il est ancré à l'élément ci-dessous par le haut et à gauche attributs. Si vous savez ce que votre navigation hauteur va être, alors vous pouvez prendre de la hauteur et de la place que sur la div container padding-top. Mais si votre navigation est dynamique et peut changer en hauteur et vous avez du contenu en dessous de la navigation, puis le positionnement absolu n'est pas la voie à suivre. Si vous avez une démo URL ou un peu de code pour montrer que j'ai pu conseiller la meilleure façon d'avancer
    Le contenu est dynamique, mais je l'ai trouvé assez facilement. Je peux prédire la taille du contenu par le biais de php, donc je passe que de la taille d'une entretoise div et il garde tout à l'air très sympa. Merci pour l'aide. 🙂

    OriginalL'auteur Brady

  2. 13

    Si vous essayez juste de compenser le rembourrage sur la div, vous pourriez peut-être réaliser qu'en faisant quelque chose comme ceci sur l'UL:

    margin:0 -20px;
    Déjà essayé, j'ai pu me reposer sur le côté gauche, mais il y avait un espace sur la droite. J'ai essayé d'ajouter de la marge et du rembourrage sur la droite, et je ne pouvais pas le fermer.
    Ce ne sera tout simplement pas de travail. Si vous avez un élément à 100% de la largeur et de tenter de l'utiliser pour enlever le rembourrage de tous les côtés, il ne fera pas la largeur de l'élément les grands, et leur aura toujours un écart.

    OriginalL'auteur 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/

    OriginalL'auteur lotav

  4. 1

    Il fonctionne de la façon suivante:

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


#child {
position: absolute; /* important */
width: 100%;
margin-left: -25px;
}
    Cela ne fonctionne pas.

    OriginalL'auteur alex29