码迷,mamicode.com
首页 > Web开发 > 详细

css学习_css BFC特性(块级格式化上下文)

时间:2019-04-21 23:00:46      阅读:323      评论:0      收藏:0      [点我收藏+]

标签:inf   没有   区域   code   格式   com   一个   用途   image   

块级元素会有bfc条件------可以触发bfc--------利用bfc的特性来解决一些问题

 

1、什么是BFC?

就是一个封闭独立的渲染的区域

技术图片

 

2、什么元素会有BFC的条件? ---块级元素会有,行内元素没有 

技术图片技术图片

3、什么情况下块级元素可以产生bfc?(触发bfc)

技术图片

四种中有一种就行,可以触发bfc

BFC特性

技术图片

 

4、BFC主要用途(块级元素会有bfc条件------可以触发bfc--------利用bfc的特性来解决一些问题)

  1、清除浮动

    技术图片

 2、解决外边距合并的问题

技术图片

3、做右侧自适应

技术图片

技术图片

 

css学习_css BFC特性(块级格式化上下文)

标签:inf   没有   区域   code   格式   com   一个   用途   image   

原文地址:https://www.cnblogs.com/yangyutian/p/10743653.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!