css - 100% + rembourrage?

Comme la plupart des gens savent,

100% de div avec une 5px rembourrage est en fait de 100% + 10px large.

Une solution évidente à ce problème est d' envelopper l'enfant div dans un wrapper qui a une marge de 10px
toutefois, cette méthode nécessite l'ajout supplémentaire de balisage, je suis à la recherche d'un moyen de le faire à 100%+rembourrage, sans l'excès de div.

des idées?

source d'informationauteur Hailwood

  1. 19

    Les éléments de bloc comme <div>s assumer automatiquement 100% de la largeur après remplissage. I. e. vous devriez être en mesure d'obtenir l'effet désiré simplement en spécifiant un rembourrage, laissant la largeur sur auto et s'assurer que l'élément a display: block (par défaut pour <div>).

    http://jsfiddle.net/EMYBm/8/

  2. 10

    Vous devriez regarder dans le box-sizing propriété CSS...

    J'ai mis en place un exemple pour vous montrer comment cela fonctionne, et la différence entre avoir le box-sizing de la propriété et de ne pas l'avoir. Découvrez le violon...

    http://jsfiddle.net/UnsungHero97/bKsad/2/

    Notez que cela ne fonctionne pas dans la version IE7 ou ci-dessous :/

    J'espère que cette aide.

    Hristo