Float浮动（慕课网学习笔记）

float浮动

属性:值	意义
float:left	左浮动
float:right	右浮动
float:none	不浮动
float:inherit	继承父元素浮动属性，若父元素没有浮动属性则失效

文字环绕图片实例

	
	
	


	

		
真正的才智是刚毅的志向。 —— 拿破仑
感情有着极大的鼓舞力量，因此，它是一切道德行为的重要前提，谁要是没有强烈的志向，也就不能够热烈地把这个志向体现于事业中。 —— 凯洛夫
勇敢坚毅真正之才智乃刚毅之志向。 —— 拿破仑
生活赋予我们一种巨大的和无限高贵的礼品，这就是青春：充满着力量，充满着期待志愿，充满着求知和斗争的志向，充满着希望信心和青春。 —— 奥斯特洛夫斯基
志向不过是记忆的奴隶，生气勃勃地降生，但却很难成长。 —— 莎士比亚
人所缺乏的不是才干而是志向，不是成功的能力而是勤劳的意志。 —— 部尔卫
当教师把每一个学生都理解为他是一个具有个人特点的、具有自己的志向、自己的智慧和性格结构的人的时候，这样的理解才能有助于教师去热爱儿童和尊重儿童。 —— 赞科夫
人的理想志向往往和他的能力成正比。 —— 约翰逊
	

使用float属性的元素默认会变为块状元素
一旦给元素添加了浮动属性，该元素就会脱离标准流进行排布（设置另一个兄弟元素块会产生重叠） 例如下面绿色被盖住

但是浮动元素依然占用文档流的文本空间，例如下面例子文字是完整的未被遮盖

	
	
	


	

	
真正的才智是刚毅的志向。 —— 拿破仑 感情有着极大的鼓舞力量，因此，它是一切道德行为的重要前提，谁要是没有强烈的志向，也就不能够热烈地把这个志向体现于事业中。 —— 凯洛夫 

清除浮动的四种解决方法

000出现的问题 例子 父元素是空的没有高度

111手动给父元素添加高度

通过clear清除内部和外部浮动

属性:值	意义
clear:none
clear:left	不允许元素左边有浮动对象
clear:right	不允许右元素边有浮动对象
clear:both	不允许有浮动对象

给父元素添加overflow属性并结合zoon:1使用
overflow修剪溢出的元素、、、zoom通过子元素的高度缩小放大父元素的高度

给父元素添加浮动

实例、利用浮动属性实现CSDN官网的导航效果

自己书写很多不足多多包涵，建议是看了这么多基础了自己写一个

	
	
	


	

		

			
		
		

			
博客
			
学院
			
下载
			
图文课
			
论坛
			
APP
			
问答
			
商城
			
活动
			
招聘
		
		

			
写博客
			

			
传资源