资讯专栏INFORMATION COLUMN

百度前端学院-基础学院-第七天到第八天之BFC

junfeng777 / 1836人阅读

摘要:简介全称中文为块级格式化上下文。特征总之记住一句话元素特征表现原则就是内部元素无论怎么翻江倒海,都不会影响外部元素。如何触发,常见如下的值不为的值为,或。的值不为和需掌握自适应模块布局内容很多,具体参考

1、BFC简介

BFC全称"block formatting context",中文为“块级格式化上下文”。特征总之记住一句话: BFC元素特征表现原则就是:内部元素无论怎么翻江倒海,都不会影响外部元素。

如何触发BFC,常见如下:

  • float的值不为none
  • overflow的值为auto,scroll或hidden。
  • display的值为table-cell,table-caption, inlin-block。
  • position的值不为relative和static.

需掌握 BFC自适应模块布局:

.float-left {
    float: left; margin-right: 20px; 
}
.bfc-content {
    overflow: hidden; background-color: #beceeb;
}

内容很多,具体参考http://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2302.html

相关文章

  • 百度前端学院-基础学院-第七天到八天

    摘要:第五天到第六天的内容没有记笔记,不好不好。第七天到第八天的学习目标是学习布局的各种方式。主要包含相关和相关。定位的元素应该在文档流中的间隙不再存在绝对定位的元素不再存在于正常文档布局流程中。内容较多,请参考学习了容器项第五天到第六天的内容没有记笔记,不好不好。 第七天到第八天的学习目标是:学习布局的各种方式。主要包含position相关和Flexbox相关。 知识点: 1、默认情况下,块级元...

    zombieda 评论0 收藏0
  • 26天学通前端开发(配资料)

    摘要:网上有很多前端的学习路径文章,大多是知识点罗列为主或是资料的汇总,数据量让新人望而却步。天了解一个前端框架。也可以关注微信公众号晓舟报告,发送获取资料,就能收到下载密码,网盘地址在最下方,获取教程和案例的资料。 前言 好的学习方法可以事半功倍,好的学习路径可以指明前进方向。这篇文章不仅要写学习路径,还要写学习方法,还要发资料,干货满满,准备接招。 网上有很多前端的学习路径文章,大多是知...

    blair 评论0 收藏0
  • 贪心学院-图神经网络高级训练营

    摘要:百度网盘提取码最近一直关注贪心学院的机器学习训练营,发现这门课讲的很有深度,不仅适合职场也适合科研人员,加入行业拿到高薪仅仅是职业生涯的开始。 ​​百度网盘​​提取码:u6C4最近一直关注贪心学院的机器学习训练营,发现这门课讲的很有深度,不仅适合职场也适合科研人员,加入AI行业拿到高薪仅仅是职业生涯的开始。现阶段AI人才结...

    番茄西红柿 评论0 收藏2637
  • 百度前端学院-基础学院-第三课

    摘要:第三天让简历有点色彩这一节课是来初步了解什么是,掌握基本的概念,语法,学习如何设置一些简单的样式。设置文字阴影。取值较多,具体参考文本布局控制在盒子中的位置。设置字母与字母直接的间距,或者字与字直接的间距。第二步,浏览器显示内容。第三天:让简历有点色彩 这一节课是来初步了解什么是CSS,掌握基本的CSS概念,语法,学习如何设置一些简单的样式。 好记性不如烂笔头,开始: 字体: font-st...

    DobbyKim 评论0 收藏0
  • 百度前端学院-基础学院-第四课

    摘要:今天是第四天,进度可以,表扬一下自己。今天的课程目标是掌握稍微复杂的一些选择器,还有背景,边框等一些样式属性。设置边框宽度。今天是第四天,进度可以,表扬一下自己。 今天的课程目标是:掌握 CSS 稍微复杂的一些选择器,还有背景,边框等一些 CSS 样式属性。 CSS背景: 背景色:background-color:gray; 背景图:background-image:url(www........

    wean 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<