float不占位置的解决方法

原创于 2015-05-07 16:44:45 发布 · 6.3k 阅读

CC 4.0 BY-SA版权

7 篇文章

订阅专栏

本文介绍了一种解决CSS布局中纯浮点数元素无法正常撑开父级容器的问题的方法。通过在父级元素中应用clearfix样式，可以确保包含只有float元素的容器能够正确显示其宽度。

经常碰到里面所有元素都是float的，所以外面的框就撑不开，没有任何大小，今天找到一个解决方法，在父级框里面加一个clearfix的css属性，css如下：

.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}