BFC是什么？ 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 I know it when I see it 所以，虽然我不知道什么是BFC，但是写出样式，我就能知道 ...
分类：
其他好文 时间：
2020-12-18 12:57:58
阅读次数：
3
BFC问题： 概念：页面渲染规则 出发条件： overflow:hidden 规则： 浮动参与高度计算 清除浮动 BFC不会和浮动发生重叠 自适应两栏布局 子元素不会影响外部元素 margin-top传递问题（父元素上加：overflow:hidden 、padding-top 、 border-t ...
分类：
其他好文 时间：
2020-11-24 12:45:01
阅读次数：
7
CSS布局的三种机制 CSS提供3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位。 1.普通流(标准流) ? 块级元素会独占一行,从上向下顺序排列; ? ■常用元素: div、 hr、 p、h1~h6、 ul、ol、dl、form、table ? 行内元素会按照顺序，从左到右顺序排列 ...
分类：
Web程序 时间：
2020-11-17 12:32:43
阅读次数：
27
最近参与修复一个使用js+css开发的前端项目bug。 遇到一个问题，boostrap4 tooltip 在web端显示正常。而在移动端点击，提示框一闪而过。 经过分析，发现触发事件为hover。hover是鼠标指针浮动在其上的元素的一个选择器,但因为在移动端是没有鼠标,代替的是触摸屏， 故无法正常 ...
分类：
移动开发 时间：
2020-11-16 13:43:42
阅读次数：
22
由于Jumpserver 本身不支持Reids高可用部署，采用Redis 哨兵模式实现Redis自身主备节点数据同步以及故障切换，但Jumpserver无法感知Redis主节点的IP切换，因此本文采用Redis 哨兵模式+Keepalived浮动IP的方式实现Redis的高可用，通过Keepalived监控Redis主节点的故障IP切换，实现浮动IP始终跟随Redis集群主节点，Jumpserver只用连接浮动IP即可始终连接Redis集群主节点。
分类：
其他好文 时间：
2020-11-12 14:30:03
阅读次数：
19
##图表联动 先看实现的效果 具体实现echarts图表的联动，点击图表的事件主要使用echartsd的on事件,看这个 echarts鼠标事件官方API 设置浮动 echarts图表行为API 具体是通过 mouseenter方法 去触发事件，并查找到相应的值，再配合高亮来实现 ...
分类：
其他好文 时间：
2020-11-02 10:42:30
阅读次数：
30
什么是浮动 在普通流中，元素是按照它在 HTML 中的出现的先后顺序自上而下依次排列布局的， 在排列过程中所有的行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为一整行。 如果没有特殊样式指定，所有元素默认都是按照普通流方式排列布局，即普通流中元素的位置由该元素在 HTML 文档中的位置 ...
分类：
其他好文 时间：
2020-10-29 09:22:17
阅读次数：
30
1.div 和css 同时使用才有效果 2.学习了css的基本的三种选择器：类选择器、元素选择器、属性选择器、外部引用、内部引用、和行内引用。 3.学习了css构建页面的浮动float属性; 4.学会了通过点击页面f12选择1px的border进行调整边框大小 5.成功构建了一个由css+div组成 ...
分类：
编程语言 时间：
2020-10-26 11:21:43
阅读次数：
25
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
