美文网首页
高度塌陷、BFC开启、去除项目符号

高度塌陷、BFC开启、去除项目符号

作者: 琉佳 | 来源:发表于2019-10-15 16:23 被阅读0次

高度塌陷:父元素由子元素高度撑开,但子元素浮动,脱离文档流,此时无内容支撑,父元素塌陷

BFC:块的格式化属性;默认为关闭

    打开后:父元素的垂直外边距不会和子元素重合

            开起BFC的元素不会被浮动元素所覆盖

            开启BFC的元素可以包含浮动的子元素

    开启BFC:1、设置元素浮动

              2、设置元素绝对定位

              3、设置元素为inline-block  (1~3不推荐使用)

              4、将元素的overflow设置为一个非visible的值{overflow:hidden;}

                (IE6及以下浏览器中不支持BFC,可使用haslayout中zoom:1;)      【答辩重点】

去除项目符号:list-style:none;

小注意点:向右浮动文本可能会倒序排列

          IE6中指定宽度,则默认开启haslayout

相关文章

  • 高度塌陷、BFC开启、去除项目符号

    高度塌陷:父元素由子元素高度撑开,但子元素浮动,脱离文档流,此时无内容支撑,父元素塌陷 BFC:块的格式化属性;默...

  • 高度塌陷

    高度塌陷问题:子元素浮动父元素的高度没了,就会造成高度塌陷,可以开启bfc来解决这个问题,bfc有三种特性 1.父...

  • 2019-05-30

    CSS基础知识(五) 解决高度塌陷一: BFC:1.开启BFC元素不会被浮动元素覆盖 2.开启BFC元素可以包...

  • 2019-05-30

    高度塌陷: 添加浮动,会产生塌陷 解决方案: 答辩面试题: 元素开启BFC模式: 1,父元素的垂直外边距不会和子元...

  • 前端07day

    高度塌陷: 块元素默认父亲宽,高度由内容撑开父元素高度由子元素撑开浮动后塌陷 解决高度塌陷: BFC 1.父元素的...

  • 高度塌陷 Bfc

  • 塌陷,导航,定位

    高度塌陷 块元素默认父亲宽,高度由内容撑开父元素高度由子元素撑开浮动后塌陷解决高度塌陷:BFC 1.父元素的垂直...

  • 高度塌陷、定位

    高度塌陷块的格式化环境 BFC BFC (隐含的属性) 1.父元素的垂直外边距不会和子元素重叠; 2.开启B...

  • 高度塌陷 3月 前端 05Day

    高度塌陷 块的格式化环境 BFC BFC (隐含的属性) 1.父元素的垂直外边距不会和子元素重叠; 2.开启BF...

  • 高度塌陷 定位 2018-07-10 知识点

    高度塌陷 块的格式化环境 BFC BFC (隐含的属性) 1.父元素的垂直外边距不会和子元素重叠; 2.开启BF...

网友评论

      本文标题:高度塌陷、BFC开启、去除项目符号

      本文链接:https://www.haomeiwen.com/subject/vyvsmctx.html