父盒子无法被子盒子撑开问题

父盒子内有的任一级子盒子有浮动会导致父盒子无法高度自适应(即被子盒子撑开)
原css代码



解决方法:
1、设置父盒子高度
2、对父级div标签闭合前加一个clear清除浮动对象。

更改后css代码



html代码


  • Batman
  • Eminem
  • Skrillex
  • Hearthstone
  • HigherBrother

3、要对父级加一个overflow:hidden样式

.container{
	width:100%;
	background-color:#add8e6;
	overflow:hidden;

效果:
父盒子无法被子盒子撑开问题_第1张图片

你可能感兴趣的:(自省)