Sök…


Anmärkningar

[Ett blockformatkontext är en del av en visuell CSS-återgivning av en webbsida. Det är regionen där blockboxens layout förekommer och i vilka flottörer interagerar med varandra.] [1]

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

Använda överflödesegenskapen med ett annat värde än synligt

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 */
}

ange bildbeskrivning här

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

Om du använder överflödesegenskapen med ett annat värde än synligt (dess standard) skapas en ny blockformateringskontext. Detta är tekniskt nödvändigt - om en flottör korsas med rullningselementet skulle den tvångsförpackas innehållet.

Detta exempel som visar hur ett antal stycken kommer att interagera med en flytande bild liknar detta exempel på 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
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow