28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Voici une petite div avec ce code :
.volet {
border: 2px solid #64a7d1;
clear: both;
float: left;
margin: 20px 0 0;
padding: 5px 0 0;
position: relative;
width: 100%;
}

Problème : avec le border, et le width à 100 %, la div est plus longue de 4 px et ça se voit à l'œil nu.

Que faire svp ?
Modérateur
Pour info, width correspond à la largeur de la boîte du contenu sans les padding et les border. Les 4 px de plus viennent de la bordure de 2 px Smiley cligne
Oui mais je suis obligée de garder le width: 100% car j'ai du contenu qui se redimensionne en responsive. Mon souci est réglé avec le box-sizing: border-box

Merci de ton rappel.