在CSS布局中float属性常常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人非常苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear float 6 23 24 25 26 27 ...
分类：
Web程序 时间：
2014-10-02 16:38:03
阅读次数：
263
在上文《详说清除浮动》中，Kayo 较为详细地介绍了 BFC ，也就是本文的主角 Block Formatting Contexts (块级格式化上下文)，本文会基于上文关于 BFC 的部分进行拓展，进一步说明 BFC 的特性。但在进一步说明 BFC 特性之前，Kayo 首先要介绍另一个在 CSS ...
分类：
其他好文 时间：
2014-09-24 22:21:57
阅读次数：
262
BFC的理解与应用首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。什么是BFC（Block formatting contexts）w3c规范中的BFC定义：浮动...
分类：
其他好文 时间：
2014-09-20 23:30:29
阅读次数：
466
一些基本概念viewport: 展现网页的媒体，比如窗口或者某个区域，它的大小是有限制的，为了不被平台术语所束缚，我们给他起名viewport，中文意思就是视口。canvas: 而我们在渲染网页的时候通常并不知道我们需要多大的空间，而且这些空间通常尺寸会超过viewport的大小，于是实际上我们需要...
分类：
其他好文 时间：
2014-09-17 10:00:52
阅读次数：
289
HTML布局之左右结构，左边固定右边跟据父元素自适应，兼容IE6+、Firefox、Chrome、Opera、Safari，这里是用表单写的一个demo，其实就在主体布局中也是可以的，比如像后台一些管理系统左侧菜单，右侧内容。?1. [文件] layout_float_bfc.html Doc...
分类：
Web程序 时间：
2014-09-01 17:17:53
阅读次数：
303
1.什么是BFC 其实在老师让我们写这篇叫BFC的时候，我跟本不知道有什么BFC的东西。 后来，我找了一些资料，知道了，BFC是BlockFormattingContext（块级格式化上下文）的缩写，它是W3CCSS2.1规范中的一个概念，是一个独立的渲染区域，只有Block-level box参与...
分类：
Web程序 时间：
2014-09-01 00:16:12
阅读次数：
222
CSS BFC的定义是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在创建了 Block Formatting Context 的元素中，其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取...
分类：
Web程序 时间：
2014-09-01 00:12:22
阅读次数：
394
上周老师给我们提到BFC一词；以前只听过KFC，没听过BFC，这几天看了一些资料，稍微总结一下！BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-lev...
分类：
其他好文 时间：
2014-08-30 21:43:20
阅读次数：
354
inline-block不懂为什么出现了上下错位，div1和div2明明定宽了，父元素宽度也够，高度也一样。就是第一个div1加了个overflow：auto就不行了。想了下，大概因为overflow使得div1变成bfc了。解决方法：让div2也有overflow属性变成bfc， 或者vertic...
分类：
其他好文 时间：
2014-08-27 12:35:27
阅读次数：
166
BFC已经是一个耳听熟闻的词语了，网上有许多关于BFC的文章，介绍了如何触发BFC， 以及BFC的一些用处（如清浮动，防止margin重叠等）。虽然我知道如何利用BFC解决这些问题，但当别人问我BFC是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec, 和许多文章，来全...
分类：
其他好文 时间：
2014-08-26 00:28:15
阅读次数：
359
