父元素不隨子元素內容撐開可能是子元素設置了浮動,可以通過清除浮動解決這個問題。
清除浮動的方法:
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;
}