肥仔问题杂记----浮动模块撑不大父元素怎么办？

肥仔问题杂记----浮动模块乱跑

情况 ：
大毛二毛 是父元素里面的元素、
大毛二毛添加了浮动之后 父元素高度直接变成了0

怎么办
！！！

清除浮动

清除浮动影响
这个情况是应为浮动会让父元素这个标准数据流识别为没有子元素，所以父元素没有被撑开。

清楚浮动对父元素的影响就行了

浮动清楚方法

1 额外添加标签法 也叫 隔墙法 W3C推荐方法

额外标签法 在最后的一个浮动子元素后添加一个空标签

例如

或者

问题是解决了 ，但是也添加了很多无意义的标签，而且不能是行内元素。

2 清除浮动 — 父级添加 overflow
overflow: hidden 或者 auto 或者 scroll
儿子不听话，他爸就动手了呗。所以 这是在父级元素添加。
但是还是有个缺点 就是 子元素溢出父元素的部分无法显示
就是他爸把他伸出他爸规定的空间的手给盖住了

3 :after 伪元素

.clerafix:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;	
}

.clearfix{
   *zoom:1;
}

然后给父元素 添加 class=”clearfix“

相当于后加墙

4.双伪元素清楚浮动

.clerafix:after,clearfix:after{
	content:"";
	display:table;
}

.clearfix:after{
	content:"";
	clear:both;
}
.clearfix{
   *zoom:1;
}

前后加樯