父元素不随子元素内容撑开可能是子元素设置了浮动，可以通过清除浮动解决这个问题。
清除浮动的方法：
1.在父元素上添加overflow:hidden；zoom:1;
2.给父元素设置固定的高度
3.在父div中在添加一个清除浮动的子div<div style=" clear:both;"></div>，该div不设置任何样式，只用来清除浮动
4.设置父div也为浮动元素float：left；，这样设置的坏处是不能用margin：auto；实现居中
5.设置父元素display:inline-block;，这样设置的坏处是不能用margin：auto；实现居中
6.在父div中添加<br clear="both">子元素
7.给父元素引用clearfix样式
clearfix{
zoom:1;
}
clearfix:after{
content:"";
display:block;
claer:both;
}