为了账号安全,请及时绑定邮箱和手机立即绑定
  • display = this.currentStyle? this.currentStyle.display: window.getComputedStyle(this, null).display; 兼容的获取样式的原生实现 result.parentNode.removeAttribute("hidden");
    查看全部
  • 砖头化(布局), 去空格化.(使文字环绕 空格偏离) 换行符会出现间隙跟出现 一样 浮动布局有一定的问题. 不稳定 不易重用(宽度改变即全改变) 兼容性不好 低版本ie显示容易出问题
    查看全部
  • clearfix只应当应用在包裹浮动子元素的父级上,而不是其他所有的元素.乱用导致浪费 还会触发haslayout 乱入的haslayout往往会让ie6/7做出出格的事情 浮动也会触发haslayout,所以浮动在ie6/7下更显魔性.
    查看全部
    0 采集 收起 来源:清除浮动

    2018-03-22

  • 清除浮动: IE8 以上用 .clearfix:after {content: ''; display: table; clear: both;} IE6、7 用 .clearfix {*zoom: 1;} 网站标准 清除类 .clearfix:after{ content:''; display:block; height:0; overflow:hidden; clear:both;} .clearfix{*zoom:1;} 这两种形式都可以实现 高级浏览器 不能识别 zoom after伪元素 ie6 7 不能够识别.如果使用 会造成ie6 7 崩溃.
    查看全部
    0 采集 收起 来源:清除浮动

    2018-03-22

  • 浮动造成父级元素高度塌陷的原因 就其原本的作用就是 实现文字的环绕效果 .与初衷相符,不是bug 而是标准状态. 塌陷后 浮动到一方 其他元素重新排列
    查看全部
  • 设计的初衷 就是 为了实现文字环绕的效果 包裹属性 1 收缩 2 坚挺 3 隔绝 将元素包裹在本身所具有的面积内. 里面所发生的 对外界没有影响 具有包裹性的其他元素属性 1 display:inline-block/table-cell position:absolute/fixed/sticky overflow:hidden/scroll 破坏属性 使父级元素高度塌陷
    查看全部
  • 使用overflow:hidden;可以是父级元素塌陷的高度显示出来。
    查看全部
  • 哥,你讲得太有意思了
    查看全部
  • .fix:after{content:":display:table;clear:both} .fix{*zoom:1;}
    查看全部
    0 采集 收起 来源:清除浮动

    2018-03-22

  • 1.浮动会使元素块状话 2.浮动会破坏性炒成紧密排列特性(去空格化,空格和换行本身也是字符便跑到了后面)
    查看全部
  • //清除浮动 .clearfix:after {content:'';display:table;clear:both;} //兼容IE6 7 .clearfix {zoom:1;} 应注意:浮动只应该用于包含浮动子元素的父级元素上。
    查看全部
    0 采集 收起 来源:清除浮动

    2018-03-22

  • 清除浮动: IE8 以上用 .clearfix:after {content: ''; display: table; clear: both;} IE6、7 用 .clearfix {*zoom: 1;}
    查看全部
    0 采集 收起 来源:清除浮动

    2018-03-22

  • 精辟!
    查看全部
    0 采集 收起 来源:Float与兼容性

    2018-03-22

  • html代码中的换行符 在页面显示时会有空格
    查看全部

举报

0/150
提交
取消
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
通过追溯CSS/HTML发展历史,知道Float出现的原本作用是什么,从而可以帮助我们解答很多疑惑。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!