内容简介：In CSS margin-collapsing refers to the fact that the margins that are next to each other are colliding… but only vertically.Yeah, it's one of thoseLet's first take two divs that are one next to each other on the horizontal axis. If we have a
In CSS margin-collapsing refers to the fact that the margins that are next to each other are colliding… but only vertically.
Yeah, it's one of those brainfuck moments in CSS.
Let's first take two divs that are one next to each other on the horizontal axis. If we have a margin: 25px for both divs, and the width: 100px then, as expected, the required width will be 300px.
However, if we try to do the same with the divs are arranged vertically then the total needed space will be 275px, instead of the expected 300px.
And this is because the vertical margins of the elements are collapsing.
But, what if the margins are of different sizes? What if one div has margin: 25px and the other has a margin: 40px? Well, in this case just the largest of the two margins will be applied (40px in our case).
And what about negative margins? The rule will be applied when both margins are negative (vertically), but not when one margin is negative and the other is positive.
If you want to learn more take you can a look at:
- What You Should Know About Collapsing Margins
- What's the Deal with Collapsible Margins?
- Good ol’ Margin Collapsing
I hope you have enjoyed this article and if you would like to get more articles about React and frontend development you can always sign up for my email list.
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持 码农网
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
计算群体智能基础
恩格尔伯里特 / 谭营 / 2009-10 / 69.00元
《计算群体智能基础》全面系统地介绍了计算群体智能中的粒子群优化(PSO)和蚁群优化(ACO)的基本概念、基本模型、理论分析及其应用。在简要介绍基本优化理论和总结各类优化问题之后，重点介绍了社会网络结构如何在个体间交换信息以及个体聚集行为如何形成一个功能强大的有机体。在概述了进化计算后，重点论述了粒子群优化和蚁群优化的基本模型及其各种变体，给出了分析粒子群优化模型的一种通用方法，证明了基于蚂蚁行为实......一起来看看 《计算群体智能基础》 这本书的介绍吧!
