子元素的外边距隔着父元素的内边距和边框. 当这两项都不存在的时候, 父子元素垂直外边距相邻, 产生叠加.
overflow: hidden;
根据display属性,可以将元素分为块级元素(block)和内联级元素(inline)。
div, h1-h6, ul, li, ol, dl, dd, dt
span, a, em
宽度可以自行设置,类似block,但是与其他元素共占一行,类似inline. 常用于设置垂直居中.
设置元素的堆叠顺序
拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面
使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停下来
.clearfix:after {
content:'';
display:block;
clear:both;
}
.clearfix {
*zoom:1;
}