Comment changer un rembourrage DIV sans affecter la largeur/hauteur?

Question

J'ai un div que je veux spécifier une largeur FIXE et une hauteur pour, et aussi un rembourrage qui peut être changé sans diminuer la largeur/hauteur DIV originale ou l'augmenter, y at-il un truc CSS pour cela, ou une alternative rembourrage?

Answer 1

Solution est d'envelopper votre rembourré div, avec largeur extérieure div

HTML

<div class="outer"> 
    <div class="inner"> 

     <!-- your content --> 

    </div><!-- end .inner --> 
</div><!-- end .outer --> 

CSS

.outer, .inner { 
    display: block; 
} 

.outer { 
    /* specify fixed width */ 
    width: 300px; 
    padding: 0; 
} 

.inner { 
    /* specify padding, can be changed while remaining fixed width of .outer */ 
    padding: 5px; 
} 

fixe

Answer 2

Pour obtenir un résultat cohérent dans plusieurs navigateurs, vous devez généralement ajouter un autre div à l'intérieur du div et ne donner aucune largeur explicite, ainsi qu'un margin. Le margin simulera padding pour la division externe.

Answer 3

On dirait que vous êtes cherche à simuler le modèle de boîte IE6. Vous pouvez utiliser la propriété CSS 3 box-sizing: border-box pour cela. Ceci est pris en charge par IE8, mais pour Firefox, vous devez utiliser -moz-box-sizing et pour Safari/Chrome, utilisez -webkit-box-sizing.

IE6 calcule déjà la hauteur incorrecte, donc vous êtes bon dans ce navigateur, mais je ne suis pas sûr de IE7, je pense qu'il va calculer la même hauteur en mode quirks.

Answer 4

Declare dans votre CSS et vous devriez être bon:

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
} 

Cette solution peut être mis en œuvre sans utiliser des enveloppes supplémentaires

Answer 5

essayer cette astuce

div{ 
-webkit-box-sizing: border-box; 
-moz-box-sizing: border-box;  
box-sizing: border-box;  
} 

cela forcera le navigateur pour calculer la largeur en fonction de la largeur "externe" de la div, cela signifie que le remplissage sera soustrait de la largeur.