css自学框架之设置浮动、清除浮动

先看效果：

css代码：

/* 浮动 */
			.float-none{ float: none !important }
			.float-left{ float: left !important }
			.float-right{ float: right !important }			
			.clearfix:after{content: '';clear: both;display: block;}

html引用代码：

<div class="clearfix">
			<span class="float-left">左侧浮动span>
			<span class="float-right">右侧浮动span>
			div>
			<span class="float-none">没有浮动span>

给元素添加 .float-left 和 .float-right 类，迅速设置左/右浮动，浮动可以清除元素与元素之间的微小间距。
部分情况下使用 float 布局方案会导致父元素塌陷，给元素添加 .clearfix 类即可清除浮动，改善塌陷的问题。