float 属性

float 属性定义元素在哪个方向浮动。任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

1. 如果子元素是浮动的是撑不开父元素的高度的。因此遇到此问题，可以给父级元素加overflow：hidden

常用于

1让块级元素在同行显示，如横导航条使用

a{
				display: block;
				float: left;
				padding: 0 18px;
				text-decoration: none;
				font: 14px "微软雅黑";
				font-weight: 700;
				color: #FFFFFF;
				line-height: 40px;
			}

	<a href="">首页</a>
			<a href="">身边团购</a>
			<a href="">今日新单</a>
			<a href="">美食</a>
			<a href="">电影</a>
			<a href="">酒店</a>
			<a href="">旅游</a>
			<a href="">商城</a>
			<a href="">特价机票</a>

2：文字漂浮在图片旁边

以往这个属性总应用于图像，使文本围绕在图像周围