css3基础100问之footer部分是怎样完成的呢？（34）

最后一组box别忘了清除浮动千万千万: 

	

		

			
精品推荐
			查看全部
		
		
		

			

				

					
					
Think PHP 5.0 博客系统实战项目演练
					
高级  •  1125人在学习
				
				

					
					
Think PHP 5.0 博客系统实战项目演练
					
高级  •  1125人在学习
				
				

					
					
Think PHP 5.0 博客系统实战项目演练
					
高级  •  1125人在学习
				
				

					
					
Think PHP 5.0 博客系统实战项目演练
					
高级  •  1125人在学习
				
				

					
					
Think PHP 5.0 博客系统实战项目演练
					
高级  •  1125人在学习
				
			
			
			
		
	
	

清除浮动的css放在整个css前面就行，可以直接调用偶！ 

/*清除浮动的*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}

 

 

别忘了上一步中先清除浮动，因为box里面可能会装有许多东西。 

 

	

		

			
			

				
				
学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。

				© 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号
				 下载 app
			
			
			

				

					
关于学成网
					
关于
					
管理团队
					
工作机会
					
客户服务
					
帮助
				
				

					
新手指南
					
如何注册
					
如何选课
					
如何拿到毕业证
					
学分是什么
					
考试未通过怎么办
				

				

					
合作伙伴
					
合作机构
					
合作导师
				


			
		
	
	

/*footer*/
.footer {
	height: 385px;
	padding-top: 30px;
	background-color: #fff;
}
.copyright {
	float: left;
}
.copyright p {
	font-size: 12px;
	color: #666;
	margin: 20px 0 15px 0;
}
.app {
	display: block;
	width: 118px;
	height: 34px;
	border: 1px solid #00a4ff;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	color: #00a4ff;
}
.links {
	float: right;
}
.links  dl {
	float: left;
	margin-left: 100px;
}
.links  dt {
	height: 35px;
	font-size: 16px;
	color: #333;
}
.links  dd a {
	font-size: 12px;
	color: #333;
}
.links  dd a:hover {
	color: #004aff;
}