Div block et comportement

Salut,

J'ai 2 ptits problèmes :

Je croyais que par défaut un élément a une propriété display inline. Quand j'inspecte l'élément avec Chrome, la propriété définit par le user agent est block.
Quelle est la raison?

D'autre part, je ne comprends pas pourquoi une div avec un display block, certaines fois prend la totalité de la largeur de son conteneur parent (dans l'inspecteur il y a une zone orange à droite de la div) et d'autres uniquement sa largeur définie par width?
Pas évident à expliquer, j'espère m'être fait comprendre
Modifié par yoannp (11 Apr 2012 - 12:14)

Salut,

Une petite recherche sur le site t'aurait indiqué le tutoriel suivant : Structure HTML et rendu CSS des balises : bloc et en-ligne.

Merci, ça répond à la première.

Pour la seconde question, j'ai refait quelques tests, et le problème viendrait de Livereload ou d'un bug Chrome tout simplement.

Pour ta seconde question:

- un div est un élément de type block donc inutile de lui redire de se comporter comme tel avec le dysplay:block.
-normalement un div prend toute la largeur qu'il peut. Si tu lui défini une largeur avec width il prendra cette dernière, sinon il prendra automatiquement la largeur dé l'élément parent. si tu as défini un width a ton div et qu'il ne l'applique pas, cela provient d'un souci d'héritage avec le bloc parent.