神奇的BFC以及被忽略的东西

【神奇的BFC以及被忽略的东西】的更多相关文章

神奇的BFC以及被忽略的东西

BFC是CSS中一个非常重要的概念,经常用来清除浮动以及处理外边距折叠,但BFC到底是个什么东西却很难准确的表达清楚,国内的相关技术文档基本都不全面,本文的目的就是对BFC的方方面面做个整理,当然未必会一次性整理到位,后面如果发现有遗留错误的会继续补充. 什么是BFC? BFC(Block formatting context)译为"块格式化上下文",是一个独立的渲染区域,规定了内部的子元素如何布局,并且与这个区域外部的关系. 什么情况下会产生BFC? a.根元素(注意:这里必…

神奇的BFC

BFC是什么? 块格式化上下文(Block/box Formatting Context,BFC) 是Web页面的可视CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域. Box是css布局的基本单位(直观点说:一个页面丝还由多个盒子组成的) Formatting Context是W3C CSS2.1中的一个规范,他是页面中的一块渲染区域并且有自己的渲染规则,他决定了子元素如何定位及浮动等问题. I know it when I see it 所以,虽然我不知…

前端里神奇的BFC 原理剖析

以前在做自适应两栏布局的时候别人口中听到bfc这个词,于是看了各种关于bfc的文章,发现梦想天空介绍的不错,今天就在他的基础上润色一下. 一.BFC是什么? 在解释 BFC 是什么之前,需要先介绍 Box.Formatting Context的概念. Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的.元素的类型和 display 属性,决定了这个 Box 的类型. 不同类型的 Box, 会参与不同的 Formattin…

JAVA 容易忽略的东西

Java中的取余会出现负数.用Math.floorMod()方法可以掰正,但是也仅限被除数是负数的情况,如果除数是负数,这个没用. 和C不一样,Java中的字符串是不可变字符串,不能修改Java字符串中的字符.这样编译器可以让字符串共享,Java设计者认为共享带来的高效率远大于提取.拼接字符串的低效率. 拼接字符串可以用StringBuilder类. ==只能比较是否位于同一位置,用equals真正检测内容是否相等. 格式化输出可以用printf,它抄袭了C的printf方法.System.ou…

margin塌陷与BFC总结

只给出关键点,具体效果不做太多示范,真正的东西只有自己试了才能记住 BFC BFC触发: 1.position:absolute/fixed 2.float:left/right 3.display:inline-block 4.overflow:hidden/scroll 关于触发方法还有一些table-cell之类的触发方法,但是已经很少用 BFC特性: 1.触发BFC的元素,内部元素不会影响到外部其他元素 2.BFC可以看到浮动元素(包括内部元素),文本元素也能看到浮动元素 (提一下flo…

SVN的忽略和只读使用方法学习记录

前言,先扯几句.最近学了GIT,虽然很肤浅,但是也算是用上了分布式版本管理控制系统.Linus很牛,他也很厌烦SVN,而我看这些都是工具,是否拿来使用主要看是否顺手.我赞同分布式版本管理控制,它有诸多优点,但是对于在局域网中做项目的封闭式开发或者项目很小且本机就能搭建SVN服务器,这两种情况来使用SVN也无可厚非.至于神人Linus他做的Linux系统源码太庞大,而且项目源码数据量大,这个对于SVN还是不太适用.准备进入公司新项目开发阶段了,有同事在外地分公司工作,因此代码版本管理尤为重要.之前…

iOS深入学习（UITableView：系列1-最基本的东西）

这是UITableView博客系列的第一篇,使用xib和arc编码,主要讲解一些UITableView使用过程中简单的.但是又容易被忽略的东西,而且我会告诉读者,怎样在使用了之后就再也不会忘记. 操作的步骤如下, (1)首先拖一个UITableView控件到xib文件上面,如下图, 这没有什么,大家不要太过于害怕UITableView,它只是一个UI控件,跟UIButton和UILabel没什么不一样,可以随意的拖拉. (2)接下来我们在对应的xxxViewController中实例化这个UIT…