高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>正确解决高度塌陷</title> <style media="screen"> .box { border: 1px solid; } .f ...
分类：
Web程序 时间：
2020-07-19 16:05:34
阅读次数：
75
清除浮动原因 前端布局用的最多的是float：脱离文档流，浮动起来。浮动的框可以左右移动，直到遇到另一个浮动框或者遇到外边缘的包含框（BCF）。正是因为当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局，会造成父级元素高度坍塌。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当 ...
分类：
其他好文 时间：
2020-05-02 10:02:23
阅读次数：
54
数组坍塌：当数组执行删除单元操作时,删除单元之后,后面的单元会前移,进而顶替被删除单元位置,造成数组长度减少的情况,这样的现象称为数组的坍塌。 在循环操作数组中，若执行了删除操作，删除单元之后的第一个数据，因为顶替了被删除单元的位置，继续执行时进行下一个单元的操作，所以这个数据会被跳过。 下图，假设 ...
分类：
编程语言 时间：
2020-04-06 23:31:45
阅读次数：
81
【逆战班】 通常我们在删除某个父元素下的若干子元素的时候 习惯使用for循环遍历来实现,但是下面这种情况就有点不好使了。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ...
分类：
编程语言 时间：
2020-04-06 16:00:45
阅读次数：
66
我们在对数组进行操作的时候，难免会对数组的长度进行改变，有时在不注意的情况下就会出现数组坍塌。 什么叫数组坍塌？当数组执行删除单元操作时,被删除单元,之后的单元,会前移,进而顶替被删除单元,出现在被删除单元的位置上,造成数组长度减少的情况,这样的现象称为数组的坍塌。 举个去重的例子： 列子中就行的是 ...
分类：
编程语言 时间：
2020-04-05 23:51:47
阅读次数：
93
BFC(块级格式化上下文)是web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互区域。触发条件根元素, 即HTML元素float的值不为noneoverflow的值不为visibledisplay的值为inline-block, table-cell, ... ...
分类：
其他好文 时间：
2020-03-07 12:55:37
阅读次数：
68
内心OS：我靠啊！！！我就是偷了一下懒！！！把先序遍历的代码COPY了两份，改成了中序和后序遍历。万万没想到啊！我忘了修改函数中递归函数的名字！！！找这个BUG花了我三个小时~~我哭啊~~，我还以为我的知识体系坍塌了呢？！！~ 总结，这是一道模板题，要先记住大体流程，然后反复练习。 输入格式： 第一 ...
分类：
其他好文 时间：
2020-02-29 00:29:44
阅读次数：
57
H5的奇妙之处就在于它的变幻莫测，接下来我想谈一下我对定位浮动的认知。 什么是浮动首先要了解什么是浮动：脱离文档流，默认在当前的行对既定的方向进行移动（默认横排）。 用浮动可以解决什么问题使用浮动之前我们要想明白浮动都可以解决什么问题：比如我们要放一排的div或是img，我们故可以通过调试margi ...
分类：
其他好文 时间：
2020-02-23 18:26:07
阅读次数：
146
智慧城市的建设不仅是将安全和便利带给普通百姓，还需要将高效和智能带给城市的各级管理者。动人心魄的无锡高架桥坍塌事件仍历历在目，一切仿佛发生在昨天，因为运输大货车超载，短短几秒钟内，几个鲜活的生命被无情的吞噬。而因超载酿成桥梁侧翻的事件时有发生......不要拿生命开玩笑，更不要将不相关人的生命做赌注，高架桥坍塌背后，反映的是对安全问题的不重视，整治超载刻不容缓！车牌识别系列产品可从根本上避免无锡高
分类：
其他好文 时间：
2020-02-19 01:05:21
阅读次数：
69
