CSS中盒子模型在标准流中的定位原则
我们都知道CSS中元素都被看做一个个的盒子,也就是CSS的盒子模型,那么这些盒子在标准流的定位中存在哪些原则呢?(其实也谈不上原则啦~只是一些需要知道的常识罢了)
一、行内元素之间的水平margin
行内元素可以指定左右margin,但不支持上下margin,左右边距实行相加原则。
二、块级元素之间的竖直margin
块级元素可以指定上下左右边距,其中左右边距实行相加原则,竖直边距实行二者取大原则,即小的那个盒子的竖直边距会塌陷在大的盒子的竖直边距中。
三、嵌套盒子之间的margin
其实就是父元素和子元素的嵌套问题,有一下两种情况:
1)、当父元素的高度没有指定时,父元素的高度按照容纳下子元素的最小高度来显示;
2)、当父元素的高度有指定时,在IE和火狐中会有不同。在火狐中依然按照设定的高度显示父元素,在IE中则按照容纳下子元素的最小高度来显示父块高度。