css中可以用 clearfix清除浮动
实例:
<html > <head> <title> css用clearfix清除浮动实例</title> <meta name="generator" content="editplus" /> <meta name="author" content="" /> <meta name="keywords" content="" /> <meta name="description" content="" /> </head> <body> <style type="text/css"> /**//*所有主流浏览器都支持 :after 伪元素。*/ .clearfix:after{}{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{}{*+height:1%;}/**//*不知道有什么用处,不加ie7也没有问题*/ .box{}{ background:#111;width:500px; position:relative;} .l{}{float:left; background:#333;width:200px; height:100px;} .r{}{float:right;background:#666;width:200px; height:200px;} .s{}{width:100px; height:100px;background:#999;position:absolute;right:-50px;;} </style> <div class="box clearfix"> <div class="l">left</div> <div class="r">right</div> <div class="s">absolute</div> </div> </body> </html>
参考资料: css用clearfix清除浮动 http://www.studyofnet.com/news/196.html
相关推荐
css清除浮动大全--------共8种方法
div+css清除浮动
css清除浮动的方法有哪些?.docx
清除CSS浮动 CSS清除浮动_2种方法源代码.zip
css清除浮动大全,共8种方法。 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。...
做xhtml+css页面重构的人员很注重的一点就是浮动,而浮动最头痛的就是如何清除。文件是我整理的3种清除浮动的方法,3种方法各有优缺点,页面重构师需要结合使用
具体详细的阐述了css浮动如何解决和浮动产生的原因。
DIV+CSS 清除浮动是页面布局中常见的问题,相信各位高手也都有自己的方法,今天在这里对常见的几种方法进行总结(PS:谈不上是原创,这里是我自己做的归纳总结,也是我自己内化的过程),希望对您能够有所帮助。...
本文主要是讲解如何在 html 中使用 clearfix 和 clear,针对那些刚开始了解 css 的童鞋。关于 clearfix 和 clear 的样式在这里我就不写了。 下面就谈谈对于这两个 class 的用法,首先我们先看个例子: XML/HTML Code...
主要介绍了css清除浮动的几种方法以及对应规范说明,需要的朋友可以参考下
分析:清除浮动大致有两种方案:clear、触发 BFC额外标签法: 在浮动元素平级的最后面添加额外元素,例如:<div class="clearfix"></d
css开发
使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。本文给大家带来了CSS清除浮动float的三种方法小结,感兴趣的朋友跟随脚本之家小编一起看看吧
主要介绍了CSS清除浮动汇总的相关资料,需要的朋友可以参考下
主要介绍了css清除浮动的几种方法和示例,需要的朋友可以参考下
主要介绍了CSS清除浮动的方法详解,值得注意的是并不是每次单纯把浮动清除掉就可以解决相关问题,文中最后谈到的闭合浮动的方案也非常值得一试,需要的朋友可以参考下
主要介绍了最简洁的CSS清除浮动的方法,需要的朋友可以参考下
主要为大家详细介绍了CSS清除浮动的常用方法优缺点,分析很全面,感兴趣的小伙伴们可以参考一下
主要介绍了CSS清除浮动方法大全(小结)的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧