为了账号安全,请及时绑定邮箱和手机立即绑定
  • 浮动的作用: 实质上是实现文字环绕效果 1、元素的block块状化 2、破坏性造成的紧密排列属性(去空格化) float砌砖布局的缺点: 1、容错性比糟糕,容易出现问题; 2、这种布局需要元素固定尺寸,很难重复使用; 3、在低版本的IE下会有许多问题。
    查看全部
  • 清除浮动方法: 1.父元素底部插入clear:both;依然可以对外部产生影响 2.父元素BFC(IE8+)或haslayout(IE6/IE7);隔绝外部,不会对外部产生任何影响 1.IE6/IE7不识别after伪元素 清除浮动方法 .clearfix:after{content:'';display:table;clear:both;} .clearfix{*zoom:1;} clearfix应用在包含浮动子元素的父元素上
    查看全部
    0 采集 收起 来源:清除浮动

    2017-02-23

  • 1.浮动的原本作用是用来形成类似于word的文字环绕 2.BFC(Block formatting context)块级格式化上下文
    查看全部
  • DOM与显示位置匹配的单侧固定布局
    查看全部
  • 1、inline-block浮动之后变为块级元素block; 2、js获取display的值在不同浏览器下不同: var display = this.currentStyle?this.currentStyle.display : window.getComputedStyle(this,null).display; 2、js在不同浏览器下float属性值的设置: btnShow.style["cssFloat" in this.style? "cssFloat":"styleFloat"]="left"; (IE下对应styleFloat,而其他浏览器下对应的是cssFloat 用in运算符去检测style是包含该属性。)
    查看全部
  • 浮动的作用: 实质上是实现文字环绕效果 1、元素的block块状化 2、破坏性造成的紧密排列属性(去空格话) float砌砖布局的缺点: 1、容错性比糟糕,容易出现问题; 2、这种布局需要元素固定尺寸,很难重复使用; 3、在低版本的IE下会有许多问题。
    查看全部
  • flaot是为了文字环绕效果
    查看全部
    0 采集 收起 来源:float的历史

    2017-02-21

  • 清除浮动有两种方法: 1、用clear清除浮动:浮动元素底部加入 <div> + clear:both 样式; 会发生margin重叠显现。 原因:外部元素会对内部元素产生影响,图片的bottom是针对下一个div的上部为标准,所以上移100px,而发生重叠。 2、用BFC清除浮动:浮动元素的父元素 + overflow:hidden 样式; 父元素会将整个元素包裹起来,从而不会出现塌陷和重叠显现。 原因:内部元素被包裹起来不会受到干扰,图片的bottom就是父元素的bottom,所以上移100px;
    查看全部
  • 位置和显示相同的单侧固定布局
    查看全部
  • 单侧固定的实现
    查看全部
  • 更好的清除浮动的方法
    查看全部
    0 采集 收起 来源:清除浮动

    2017-02-19

  • clearfix
    查看全部
    0 采集 收起 来源:清除浮动

    2017-02-19

  • bfc的通常声明
    查看全部
    0 采集 收起 来源:清除浮动

    2017-02-19

  • 清除浮动的两种方法
    查看全部
    0 采集 收起 来源:清除浮动

    2017-02-19

  • 具有包裹性的属性
    查看全部

举报

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

微信扫码,参与3人拼团

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

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