CSS
Contextes de mise en forme de bloc

Angular 2 AngularJS ASP.NET HTML JavaScript jQuery PHP SVG twitter-bootstrap WordPress
Recherche…


Remarques

[Un contexte de formatage de bloc fait partie d’un rendu CSS visuel d’une page Web. C'est la région dans laquelle la disposition des blocs se produit et dans laquelle les flotteurs interagissent les uns avec les autres.] [1]

[1]: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context MDN

Utilisation de la propriété overflow avec une valeur différente de visible

img{
  float:left;
  width:100px;
  margin:0 10px;
}
.div1{
  background:#f1f1f1;
  /* does not create block formatting context */
}
.div2{
  background:#f1f1f1;
  overflow:hidden;
  /* creates block formatting context */
}

entrer la description de l'image ici

https://jsfiddle.net/MadalinaTn/qkwwmu6m/2/

L'utilisation de la propriété overflow avec une valeur différente de visible (sa valeur par défaut) créera un nouveau contexte de mise en forme de bloc. C'est techniquement nécessaire - si un flotteur intersecté avec l'élément de défilement, il ré-enroulerait de force le contenu.

Cet exemple qui montre comment un certain nombre de paragraphes interagiront avec une image flottante est similaire à cet exemple , sur css-tricks.com.

2 : https://developer.mozilla.org/en-US/docs/Web/CSS/overflow MDN



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow