BFC BFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 BFC的布局规则 一、内部的Box会在垂直方向，一 ...
分类：
其他好文 时间：
2020-04-21 12:49:13
阅读次数：
59
一，高度塌陷 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类：
Web程序 时间：
2020-04-16 19:45:17
阅读次数：
94
晚上刚刚被媳妇骂，难过之余，还是要坚持继续写一篇kafka源码走读的博客，心情难过，原谅我开头发下牢骚。。。 源码版本依然是0.10.2.1，我们都知道，kafka在0.8版本前没有提供Partition的Replication机制，一旦Broker宕机，其上的所有Partition就都无法提供服务 ...
分类：
其他好文 时间：
2020-04-15 18:35:16
阅读次数：
81
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 *{margin:0;padding:0;} 8 .box{ 9 width:200px; 10 height:100 ...
分类：
其他好文 时间：
2020-04-10 22:32:21
阅读次数：
81
块格式化上下文 "块格式换上下文" ：（Block Formatting Content，BFC），页面中独立的块级渲染区域，该区域有一套渲染规则，用来约束块级盒子的布局，与本区域外无关。 触发BFC的条件 1. 浮动元素 2. overflow: hidden/auto/scroll 3. 绝对定 ...
分类：
其他好文 时间：
2020-04-09 01:03:15
阅读次数：
82
BFC:面试必问!!!!! 1.什么是BFC? bfc是块级格式上下文，是一个网页的概念，网页是一个盒子一个盒子(div)组成的。 2.如何创建BFC 1.浮动:float:(left、right、inherit)除none以外的值 [使用此属性注意左右距离是否被改变] 2.定位:position( ...
分类：
其他好文 时间：
2020-04-07 13:07:14
阅读次数：
100
一. 布局流 众所周知，html文档大致分为三种控制元素布局方式 1.普通布局 普通布局，顾名思义，就是元素按照HTML先后顺序进行上下布局。 当然这其中又分为块类元素、行内快元素和行内元素，其中这三种具体有那些标签就不在这里一一赘述。 块类元素单独占一行。 行内元素可水平排列，直到宽度占满父元素宽 ...
分类：
其他好文 时间：
2020-04-05 00:19:57
阅读次数：
72
BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动，和外边距合并等等，因此，有了这个特性，我们布局的时候就不会出现意外情况了。 display 属性为 block, list-item, table 的元素，会产生BFC. 给这些元素添加如下属性就可以触 ...
分类：
Web程序 时间：
2020-04-03 19:46:28
阅读次数：
124
请设计一个函数，用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径。路径可以从矩阵中的任意一格开始，每一步可以在矩阵中向左、右、上、下移动一格。如果一条路径经过了矩阵的某一格，那么该路径不能再次进入该格子。例如，在下面的3×4的矩阵中包含一条字符串“bfce”的路径（路径中的字母用加粗标出） ...
分类：
其他好文 时间：
2020-04-03 00:16:07
阅读次数：
54
1. 塌陷现象(子元素设置margin-top, 父元素会塌陷) 下面例子，此时子元素其实和父元素的距离是0，离父元素的兄弟节点才是100px 触发父元素的bfc, overflow: hidden, border : 解决方案1：父元素设置透明的 border: 1px solid transpa ...
分类：
Web程序 时间：
2020-04-02 22:40:00
阅读次数：
93
