DIV+CSS

CSS实例代码：float闭合

来源：deman 时间：2010-12-30 21:38:12 浏览：次字体:[大中小] 我要投稿

文章概述：万能float闭合（清除浮动），易用的给需要闭合的DIV（class为clearfix）加上CSS样式实现万能清除浮动。

清除浮动，新手朋友往往不是很明白。如果不清除浮动对float进行闭合，在FF中往往会出错，今天向大家推荐一个实例，非常简洁易用。
　　给需要闭合的DIV（class为clearfix）加上如下的CSS样式即可：

Example Source Code

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
*html .clearfix{
height:1%;
}
*+html .clearfix{
height:1%;
}
.clearfix
{
display:inline-block;
}

.clearfix {display:block;}

TAG：

你浏览的文章是 - 《CSS实例代码：float闭合》!
文章出处：http://www.deman.cc/DIV+CSS/13.html | 复制网址
版权声明：合肥德曼SEO培训中心是专业的SEO培训机构,中国SEO优化技术人才的摇篮!

DIV+CSS同类信息

css中如何使div居中(垂直水平居中) 网页设计CSS文件里id与class的使用区别 div+css布局教程/div基础布局之布局实例教程（三）【十天学会DIV+CSS】 div+css布局教程/div基础布局之布局实例教程（二）【十天学会DIV+CSS】 div+css布局教程/div基础布局之布局实例教程（一）【十天学会DIV+CSS】说说九个CSS3结构性伪类选择器利用CSS的@font-face属性在网页中嵌入字体详谈CSS网页布局中容易发生的错误编码第一天学习XHTML和CSS基础知识

【声明】以上文章或资料除注明为自创或编辑整理外，均为各方收集或网友推荐所得。其中摘录的内容以共享、研究为目的，不存在任何商业考虑。目前网站上有些文章未注明作者或出处，甚至标注错误，此类情况出现并非不尊重作者及出处网站，而是因为有些资料来源的不规范。如果有了解作者或出处的原作者或网友，请告知，本网站将立即更正注明，并向作者或出处单位道歉。被摘录的对象如有任何异议，请与本站联系，联系邮箱：dm35@vip.qq.com，本站确认后将立即撤下。谢谢您的支持与理解！

德曼SEO培训课程

SEO培训包就业班 SEO培训企业班 SEO培训全能班 SEO培训周末班网页设计培训班

SEO培训报名方式

☆☆ 搜索引擎有多远，SEO就能走多远！
★★了解德曼SEO培训中心 ↓↓
» 德曼SEO教学团队介绍
» 德曼SEO教学特色
» 德曼培训课程设置
» 德曼SEO教学环境
在线QQ咨询：513816851 461436777
德曼SEO培训群：48812488 27175177
报名电话：0551-3221973 13909691973
上班时间：周一至六：08:30-18:00

SEO培训首页

CSS实例代码：float闭合