解决子div撑不开父div

解决子级对象使用css float浮动 而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。

方法一:推荐

设置父div的overflow:hidden;


方法二:
父div结束前增加一个空div style=”clear:both;”

.clear {
  clear:both;
}


方法三:由方法二变换:

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
/* End hide from IE-mac */


方法四:设定高。


参考整理至:http://www.divcss5.com/jiqiao/j612.shtml

你可能感兴趣的:(css)