当前位置:  编程技术>WEB前端

css别忘记清除浮动clear:both

    来源: 互联网  发布时间:2014-10-04

    本文导语:  用空标签清除 .clr {clear: both;}     Left     Right      使用 overflow 属性 #layout {overflow:auto; zoom:1;}     Left     Right 使用 :after (非 IE 浏览器) #layout:after{     display: block;     clear: both; content: "";     visibi...

用空标签清除
.clr {clear: both;}


    Left

    Right

    



使用 overflow 属性
#layout {overflow:auto; zoom:1;}


    Left

    Right


使用 :after (非 IE 浏览器)
#layout:after{
    display: block;
    clear: both; content: "";
    visibility:hidden; height: 0;
}


    Left

    Right
注:使用 :after 需要注意几点,设置高度为零(height: 0;);content 是必须的,但其值可以为空

    
 
 

您可能感兴趣的文章:

  • CSS 浮动清理,不使用 clear:both标签
  • CSS中Float(浮动)相关技巧文章
  • CSS清除浮动常用方法小结
  • CSS网页布局入门教程8:三列浮动中间列宽度自适应
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • 网络技术 iis7站长之家
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: clear定义及介绍
  • CSS解析器 CSS Parser
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: height定义及介绍
  • CSS压缩器 Css Compressor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: color定义及介绍
  • Eclipse的CSS编辑插件 CSS Editor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: display定义及介绍
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: float定义及介绍
  • CSS代码检查工具 CSS Lint


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3