Y a-t-il une différence entre les valeurs de marge?

Je travaille sur une conception et ai un div dans un divY a-t-il une différence entre les valeurs de marge?

<div id="header"><div id="header-top"></div></div>

"#header" a une couleur de fond sombre et "# en-tête en haut" a une lumière. "#header a aussi un rayon de bordure de 7px

Dans le css" # header-top "a une marge comme celle-ci" margin: 10px 0 0 10px; "donc il est poussé vers le bas de 10px et vers la gauche par 10px le rendant centré et l'apparition d'une bordure sombre autour de l'arrière-plan intérieur de la lumière

Cependant, il semble que la 'bordure' supérieure soit plus fine que les bordures latérales Est-ce que css fait que 10px sur le dessus est différent de 10px sur les côtés

Source

2010-12-10 nzaccardi

Quel navigateur utilisez-vous? –

Chrome 8.0.552.215 Il semble la même chose dans FF – nzaccardi

La marge supérieure de # header-top est probablement coller à la limite de #header, bien qu'il soit difficile de dire avec certitude hors contexte.Voir http://complexspiral.com/publications/uncollapsing-margins/

Source

2010-12-10 07:58:07 Quentin

David, Merci pour l'article. Cependant, je ne sais pas quel est le problème. Cela ressemble presque à une illusion d'optique, je n'arrive pas à voir si c'est ou non. La raison que j'ai posée était que je pensais avoir vu un article qui disait que l'œil perçoit certaines situations de marge comme si elles étaient d'épaisseurs différentes. Je me demandais si quelqu'un avait déjà entendu parler de ça! – nzaccardi

Prenez une capture d'écran, effectuez un zoom avant et comptez les pixels si vous pensez que c'est une illusion d'optique. Il y a des raisons techniques pour lesquelles cela peut arriver. – Quentin

Cependant, le border-radius suggère que le div externe a une bordure, auquel cas la marge ne s'effondrerait pas à l'extérieur. – Guffa

Y a-t-il une différence entre les valeurs de marge?

Répondre

Questions connexes