CSS使用时的常见小问题

1. 第一个子元素的margin-top和最后一个元素的margin-bottom越界问题

解决办法:

1)父元素加border 

2)父元素加padding 

3)父元素overflow:hidden 

4)为父元素添加前置的内容生成  .parent:before { conent:' '; display:table; }

2. 子元素全部浮动，父元素会失去高度

解决办法：

1)父元素overflow:hidden 

2)下个元素clear:both;

3)父元素添加后置的内容生成：.parent:after { conent:' '; display:table; clear:both; }