清除浮动方式之伪元素清除法： <style type="text/css"> .top_bar{ height: 200px; border:1px solid red; } .child1{ width:200px; height:200px; background-color: green; f ...
分类：
移动开发 时间：
2020-02-20 09:52:22
阅读次数：
83
BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block level box参与， 它规定了内部的Block level Box如何布局，并且与这个区域外部毫不相干。 BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且 ...
分类：
其他好文 时间：
2020-02-17 15:53:37
阅读次数：
71
引言： 这篇文章是我对BFC的理解及总结，带你揭开BFC的面纱。你将会知道BFC是什么，形成BFC的条件，BFC的相关特性，以及他的实际应用。 一、何为BFC BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的渲染区域或者说 ...
分类：
其他好文 时间：
2020-02-12 11:21:31
阅读次数：
70
emmm~总结下 4.应用实例 4.1BFC垂直方向边距重叠 非常重要 4.2 子元素float,也不影响父元素的高度计算 4.3 bfc不与float元素重叠 清除浮动的应用以及可以完成左右布局 4.4 父元素的高度,在父元素没有创建bfc时，是100px,创建了是120px 实际应用性不强 ...
分类：
其他好文 时间：
2020-02-10 18:19:39
阅读次数：
91
清除浮动：让浮动子元素撑开父级的高度 参考案例： 解决方式： 1. 给父元素设置高度 2. 让父元素开启BFC： 或者 3.使用br标签 4.空标签清除浮动 5.伪元素： 注：浮动盒子与定位盒子的宽高均由内容撑开 ...
分类：
其他好文 时间：
2020-02-10 09:38:32
阅读次数：
61
第一种方案 BFC(Block Formatting Context) 块级格式化环境/布局环境 BFC是CSS中的一个隐含属性，开启BFC该元素会变成一个独立的布局区域 元素开启BFC的特点： 1.开启BFC元素不会被浮动元素覆盖 2.开启BFC元素子元素和父元素外边距不会重叠 3.开启BFC的元 ...
分类：
其他好文 时间：
2020-02-05 13:23:36
阅读次数：
65
写在前面Block formatting context （块级格式化上下文） 页面文档由块block构成 每个block在页面上占据自己的位置使用新的元素构建BFC overflow：hidden | auto | scroll； 只要不为visible新的空间告诉浏览器，外面的环境影响不到我了 ... ...
分类：
其他好文 时间：
2020-01-29 12:39:35
阅读次数：
83
Block formatting contexts W3C关于BFC的描述见 "block formatting" Floats, absolutely positioned elements, block containers (such as inline blocks, table cells ...
分类：
Web程序 时间：
2020-01-28 23:06:47
阅读次数：
99
前言 总括： 对于盒子模型，BFC，IFC和外边距合并等概念和问题的总结 原文地址：从CSS盒子模型说起 知乎专栏：前端进击者 博主博客地址：Damonare的个人博客 为学之道，莫先于穷理；穷理之要，必先于读书。 正文 ? CSS盒子模型是CSS基础中的基础，个人之前对于这块的理解有偏差?，由于涉 ...
分类：
Web程序 时间：
2020-01-21 12:07:49
阅读次数：
113
战果： D1：rk3,7(1296)（未参赛） D2：rk20,5(554) D3：rk58,3(算不了) D4：休息 D5：rk7,5(878) D6：rk6,9(1008) D7：rk10,6(1012) 总结： 来之前预计我们队应该在rk10附近，总的来说还是打出了水平，除了D2,D3在自闭之 ...
分类：
其他好文 时间：
2020-01-19 09:55:33
阅读次数：
92
